前端开发
文章平均质量分 56
明长歌
。。。。。。
展开
-
创建vite+vue+electron项目
记录创建vite+vue+electron项目流程原创 2023-04-20 21:00:00 · 1046 阅读 · 2 评论 -
vue集成three.js FontLoader load 文件404
vue3集成three.js 文件404问题原创 2023-03-14 19:45:00 · 1205 阅读 · 1 评论 -
<component :is=“ “/>动态组件在 el-tab-pane里的应用
element UI 组件-Tabs 标签页-动态生成标签页面嵌套组件原创 2022-07-14 20:45:00 · 3096 阅读 · 0 评论 -
vue-router v-slot及contextmenu
本篇工作总结,如果对您有帮助,看下就行,半公开。请不要转载,当然我写的一般都是很基础的内容,也没什么转载的必要最近写代码过程中遇到了好多的bug和警告,本来写的还不成气候,不太适合记录。可是五一假期实在是太近了,再不记,恐怕假期后会忘光光。所以还是简单记录下吧。代码可能会有错误或疏漏,如有发现,还请指正。下面一段是废话,可以略过。下面我写的后台管理系统的页面标签功能,就是点击导航栏出现页签,点击页签会切换页面。这个后台管理系统大部分的代码都是抄的(咳,借鉴??!)若依的vue2,vue3以及Ar原创 2022-04-28 18:00:00 · 2456 阅读 · 0 评论 -
npm全局安装插件路径改为自定义
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-07-29 13:33:52 · 248 阅读 · 0 评论 -
jq编写插件
html<div id="addSelect"> <i><em>作品类型</em></i></div><script type="text/javascript"> // 下拉框引用 $("#addSelect").mySelect({ "data": ["请选择作品类型", "文字作品", "视听作品", "美术作品", "摄影作品", "音乐作品"] });//下拉框选中值$("#addS原创 2021-05-21 15:13:13 · 191 阅读 · 0 评论 -
execCommand(“copy“)只能复制一次?
今天要复制一个表格列,document.execCommand("copy")一下子就好了。然后,当我要复制下一列的时候,悲剧发生了。值根本就没变,于是我又找到了万能的百度。最后代码如下:html结构:<table> <thead> <tr> <th>案件编号</th> <th>案件名称</th> </tr>原创 2021-05-18 18:00:50 · 776 阅读 · 0 评论 -
登录页面谷歌浏览器记住密码而在其他页面的input中出现了记住的内容
项目过程中,用谷歌浏览器记住了密码,然而在其他页面发现第一个input框里是浏览器记住的内容。然后百度了下,发现了很多的解决方式。目前我在用的就是再不需要记住内容的标签后面加一个隐藏的input。<p> <input type="text" placeholder="请输入信息"/><input type="text" style="height: 0;opacity: 0"></p> 其中后面的input必须设置隐藏,其中hidee原创 2020-11-20 10:36:25 · 924 阅读 · 0 评论 -
js 预编译
function fn(a){ console.log(a); var a=123; console.log(a); function a(){} console.log(a);}fn(1);//输出:ƒ a(){}//输出:123//输出:123预编译过程:创建AO对象 找形参和变量声明,将形参和变量作为AO的属性值,值为undefined 将实参和形参统一 ...原创 2020-04-12 20:20:51 · 122 阅读 · 0 评论 -
jquery 非ajax表单提交
最近再写一个表单的时候,忽然不想用ajax向后台传值。记得jquery也有submit的方法,直接提交就完了。于是,开写代码。<form id="myForm" action="url" method="post"> <div> <em>您的姓名</em> <label> ...原创 2020-02-14 16:04:53 · 497 阅读 · 0 评论 -
node
非阻塞IO//data/name.json{"name":"xx"};//index.jsconst fs=require('fs');fs.readFile('./data/name.json',(err,data)=>{ if(!err){ setTimeout(()=>{ console.log('等3s执行'); //3 },3000) co...原创 2020-03-13 17:39:14 · 105 阅读 · 0 评论 -
初探vue响应式
vue2响应式的精髓是defineProperty属性。基础知识获取属性标签:getOwnPropertyDescriptorvar obj={a:1,b:2};console.log(Object.getOwnPropertyDescriptor(obj,'a'));//输出:{value: 1, writable: true, enumerable: true, config...原创 2019-12-31 09:57:04 · 130 阅读 · 0 评论 -
TS 2304 Cannot find name “XXX”(文件声明)
这是个在工作中遇到的问题,使用的是TS3版本。需要在TS的方法中引用另一个TS文件中的方法,不是特别大的项目,因此不支持import、export,也没有用webpack打包。看了文档里的TS文件声明,尝试写d.ts文件失败。之后发现2.0之后支持npm安装,然而又觉得要引入的文件功能简单,简单的说就是不想手动的将方法打成npm包又或者直白的说是觉得步骤繁琐,不想太多花费时间。因此简单的想了想...原创 2019-12-12 16:57:56 · 21864 阅读 · 2 评论 -
js常用面试题总结
1、写出下面打印语句输出console.log(['10','10','10','10','10'].map(parseInt));console.log(['1', '2', '3'].map(parseInt));//输出:[10, NaN, 2, 3, 4][1, NaN, NaN]//解析:/*parseInt(string,radix):将radix进制数转为10进制...原创 2019-09-17 14:25:42 · 962 阅读 · 1 评论 -
TS2339:报错Property '属性' does not exist on type '{}'
ts某个方法(a)里面返回一个对象有属性b,在另一个方法里调用a().b,可以正常打印出结果,但是编译报错。报错信息:TS2339:报错Property 'b' does not exist on type '{}',后来改写成a()[b],成功去掉报错,耶!...原创 2019-06-20 15:19:56 · 56476 阅读 · 2 评论 -
iScroll5横向滚动
导航栏使用iScroll5横向滚动后,发现导航栏不可以滚动原创 2017-06-21 16:32:55 · 11088 阅读 · 2 评论 -
网页嵌入iframe底部的空白
先不说废话了,上图吧(⊙﹏⊙)图上不来就是iframe嵌入到网页后,页面下方出现了几像素空白。经过查资料,试探后发现与Html5有关系,使用回HTML4声明头后,一切正常。 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 查阅API后,原来在 HTML 5 中,仅仅支持 src 属性so 。。。。原创 2017-08-17 10:20:48 · 4495 阅读 · 1 评论 -
js报错$(...).tabs is not a function
被这个问题困扰了许久,在使用amaze ui的过程中,出现了js报错$(...).tabs is not a function。首先将项目中用到的文件,写了一个简单的demo,发现功能可用。之后,经过再三确认,发现依赖文件都有引入,且文件引入顺序正确。为了节省开发时间,本想放弃这个功能,自己用js写一个tab选项卡。却在此时,发现项目中存在相同的问题。就是插件依赖的js都有引入且顺序...原创 2018-06-21 16:47:38 · 11060 阅读 · 2 评论 -
浅谈iconfont svg图形改变背景颜色
最近写项目,遇到一个小bug,那就是在使用iconfont symbol的时候,在页面嵌入svg标签的时候,发现大部分svg图标都可以设置color。但是也有极个别的死活不变,就像这样白色的图标是设置生效的,红框里的图标是。。。。。不怎么生效的,真是呵呵哒呀。先是不断尝试提高css样式的优先级,再是在svg标签里的的use标签上写样式,仍然,无效。这肯定是在逼我发大招了,呵呵哒。查看元素,如下图。...原创 2018-05-31 15:17:18 · 16094 阅读 · 0 评论 -
实现点击跳转到页面指定位置demo
<!DOCTYPE html><html><head> <title>实现点击跳转到页面指定位置demo</title> <link href="./normalize.css" rel="stylesheet" /> <style type="text/css"&am原创 2018-07-09 10:19:07 · 7527 阅读 · 0 评论 -
splice()方法在for循环中的bug
splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目,该方法会改变原始数组。所以在删除数组某项中,通常是我的优先选择,例如:var arr=[1,2,3,3,4,5,6,3];arr.splice(2,1);console.log(arr);输出结果:然而,如果将其放在for循环中,如何呢?请看下面代码var arr=[1,2,3,3,4,5,6,3]...原创 2018-09-10 10:27:14 · 2670 阅读 · 2 评论 -
for循环中的闭包问题
先看一段代码<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li></ul>var li=document.getElementsByTagName('li'); var len=li.length; for(v...原创 2018-09-11 10:13:06 · 4117 阅读 · 3 评论 -
js鼠标事件汇总
这篇文章绝大部分是参考网上的内容而来,我就是做了一个简单的汇总,如有不足之处,欢迎指正。js鼠标事件汇总onmousedown 鼠标按下事件 onmousemove 鼠标移动事件 onmouseout 鼠标移出事件 onmouseover 鼠标指针移动到元素(被选元素或其子元素)上时触发常与onmouseout一起用 onmousenter 只有在鼠标指针穿过被选元素时,才会触发,...原创 2018-12-28 15:42:55 · 5544 阅读 · 0 评论 -
ie浏览器各版本hack测试
最近页面要求兼容到IE 7以上,所以根据网上的IE hack方法,逐个在IE浏览器的仿真功能下测试,发现有些和网上写的确实不怎么一样。但是,IE浏览器的仿真功能,可能真的不怎么可靠。但还是进行了一下总结,希望能给大家一些参考。请注意本文只是仿真测试,本人并没有下载相应版本的浏览器,如果大家在对应版本浏览器上测试发现错误,欢迎指正。兼容IE 11、IE10:/*以下两种方法...原创 2019-01-15 10:56:54 · 913 阅读 · 0 评论 -
jquery 无缝滚动轮播图
代码如下:ul{margin: 0} /*轮播图 start*/ .slider_box{ width: 400px; height: 200px; overflow: hidden; position: relative; margin: 20px auto; border: 1px solid #000; } .slider_box .s...原创 2019-03-15 15:00:37 · 530 阅读 · 0 评论 -
引入prototype.js后jQuery方法报错
增加一个项目功能,在项目引入jQuery文件后又引入了一个prototype.js,将其引入后,功能可以正常使用但是发现页面内的其他jQuery方法开始报错。一开始想的是将prototype.js的方法封闭起来,就想当然的将prototype.js的源码拷入到引用的js文件中,结果发现影响是全局的。后来经过考虑,终于找到了正确的方法,将我自己的jquery代码封起来,项目正常运行。...原创 2019-04-04 15:08:04 · 361 阅读 · 0 评论 -
js部分总结
类型判断://class写法: isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String' } isNumber (o) { //是否数字 return Object.prototype.toString.call(o)....转载 2019-04-04 15:28:12 · 107 阅读 · 0 评论 -
多个块级元素并列设置高度,同行取最大值设置
工作中用到,记录一下。<ul> <li> 315房车展,国家媒体主办,将汇集国内外最优秀的房车品牌、配件品牌、木屋品牌、帐篷酒店及户外装 备品牌等;组委会将组织国内最知名房车玩家每天现场与大家分享如何买适合自己的房车,如何玩房车 </li> <li> 315房车展,所有参展厂家都...原创 2019-04-02 15:34:19 · 467 阅读 · 0 评论 -
ES 6学习笔记
目录本次笔记的视频教程:https://ke.qq.com/user/index/index.html#/plan/cid=274758&term_id=1003249591、let:2、const(常量)特性和let一样3、数组不可修改,可以使用freeze方法4、解构赋值 (非常有用,特别在做数据交互,ajax)5、字符串模板:6、函数函数新变化...原创 2019-09-17 14:24:52 · 376 阅读 · 1 评论 -
IE 8半透明背景设置
IE7、8半透明背景设置:filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);不影响文字的呦原创 2019-06-20 14:07:12 · 190 阅读 · 0 评论 -
typescript引用外部js文件window全局变量报错
最近开始使用typescript,众所周知typescript是js的超集。在使用过程中用到了一个外部js文件的全局变量(paramScrollerCompare),然后ts就华丽丽的报错了。解决方法:let paramScrollerCompare:any=(<any>window).paramScrollerCompare,这句代码重点是(<any>window),...原创 2019-06-20 14:50:45 · 6338 阅读 · 0 评论 -
浅谈iScroll5使用
最近做手机端页面,关于滚动条方面,在左思右想后决定使用iscroll5插件,然后就开始了漫长的填坑路~~~简单说下iscroll5的使用,据说灰常灰常的简单1、引入相关的js文件2、在你的js文件中初始化var myScroll = new IScroll('#wrapper', {mouseWheel: true});原创 2017-06-20 16:55:18 · 539 阅读 · 0 评论