- 博客(23)
- 收藏
- 关注
RSS订阅
原创 iview中InputNumber的小数点位数控制（因为iview中precision属性在输入数字时会自动补全影响体验度，故封装了一个方法）
data () { return { myNumber: 0 } } // data中定义数据//组件<InputNumber placeholder="请输入..." v-model="myNumber " @on-change="testChange"></InputNumber>methods: { testChange () { // 该方法在...
2019-05-21 20:34:29
10312
3
原创 Ant 树形控件 Tree 数据映射
const treeListData = [ {id: 1, name: '小明'， age: '12', sex: '男', child: [ {id: 3, name: '小名'， age: '13', sex: '男', child: []} ]}， {id: 2, name: '小红'， age: '13', sex: '女', child: []}] // 接口调取的数据c...
2019-10-26 19:53:41
2659
原创 js 导入Excel表 转化为json数据（简单的转化，不支持表头及表格合并）
看了很多人的excel导入方法，经过测试采用多人的代码总结出来的一套简单的导入功能，对一些简单的表格导入比较实用<script src="xlsx.full.min.js"></script> //路径为你的xlsx文件路径<script src="jquery.min.js"></script> //路径为你的jquery文件路径...
2019-10-18 11:53:01
751
原创 vs code 自动格式化代码
打开 VsCode首选项 >> 设置 (然后搜索下面的属性，勾选中即可)"editor.formatOnType": true,"editor.formatOnSave": true
2019-09-10 13:20:59
1305
原创 iview 中日期组件 ( DatePicker ) 校验缺陷问题
**具体解决方案如下**过程不是太详细，只做参考假设该组件在使用时可进行数据的 添加 和 编辑<Button type="primary" @click="addDate">添加</Button><Button type="primary" @click="editDate">编辑</Button><Modal :ti...
2019-05-23 10:00:06
5219
原创 iview InputNumber中@on-change事件不生效或偶尔生效问题
先看下过程<InputNumber v-model="num" @on-change="numChange"></InputNumber>data () { return { num: 0, num1: 100 }}错误的写法此时你会发现输入框内的值在大于100时并没有变成100methods: { numChange () { if...
2019-05-22 20:53:28
5421
原创 封装原生运动框架（也可实现改变透明度效果）
1、封装一个框架 （move.js）function fnMove (obj,json,fn){ clearInterval(obj.timer)//清除正在执行的定时器 var iSpeed = 0; obj.timer = setInterval(function(){ var bOver = true; //假设运动完成 for (...
2019-04-23 09:19:40
115
原创 Vue如何使用sass
1、首先安装sass依赖npm install sass-loader --save-devnpm install node-sass --save-dev或使用cnpm2、在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test: /\.scss$/, loaders: ['style', 'css', 'sass']}3、给sty...
2019-04-23 09:18:54
906
原创 微信小程序的生命周期
1、app.js全局生命周期 App({ /* 当小程序初始化完成时，会触发 onLaunch（全局只触发一次） */ onLaunch: function () {}, /* 当小程序启动，或从后台进入前台显示，会触发 onShow*/ onShow: function (options) {}, /* 当小程序从前台进入后台，会触发 onHide */...
2018-11-27 10:48:10
113
原创 数组的排序
1、使用sort()var arr = [1,2,3,4,4,1,1,2,1,1,1,5,6,7,5,6]; arr.sort(); console.log(arr)2、
2018-11-23 15:58:24
125
原创 数组去重的方法：
1、function arr(array){ var temp = []; //一个新的临时数组 for(var i = 0; i &amp;lt; array.length; i++){ if(temp.indexOf(array[i]) == -1){ temp.push(array[i]); } } return...
2018-11-23 15:57:58
120
原创 Canvas实现刮刮卡效果
复制并运行代码，即可显示效果&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;Document&lt;
2018-11-23 15:57:01
308
原创 随机验证码的实现
思路讲解：利用循环拼接验证码字符串，根据字符编码在[48~122]范围内生成随机数，判断该随机数是否符合数字、大小写字母的范围，如果符合让变量自增拼接下一个字符，否则变量不增进入下一次循环直到找到符合条件的字符拼接到字符串上 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &
2018-11-23 15:56:16
467
原创 原生js实现楼层联动(只适用W3C标准）
1、复制并运行代码，即可显示效果&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;Document&l
2018-11-23 15:54:13
309
原创 如何判断当前设备是pc端还是移动端？
window.navigator 对象包含有关访问者浏览器的信息。userAgent: 返回由客户机发送服务器的 user-agent 头部的值。var str = window.navigator.userAgent;if(str.toLowerCase().indexOf("mobile") == -1){ alert("pc");}else{ alert("移动&quo
2018-11-23 15:38:29
815
原创 jQuery实现楼层联动
1、复制代码并运行，即可显示效果&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;Document&l
2018-11-23 10:40:41
178
原创 Canvas画表实现当前时间走动
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;Document&lt;/title&g
2018-11-23 10:01:46
372
原创 如何使用原生js写音频？
//复制并运行代码，即可显示效果注意：由于该音频路径为本地音频路径，所以，运行时请先替换音频路径考虑到新手阅读，代码在编写时并未进行优化，采用基础代码编写&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8&q
2018-11-22 10:46:19
620
原创 ES5面向对象实现简单拖拽
//复制并运行代码即可实现效果<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"&
2018-11-21 10:36:01
241
原创 Ajax工作原理以及封装使用
1、什么是ajax?ajax （异步编程的一种解决方案） 是一种用于创建快速动态网页的技术。通过后台与服务器之间数据的少量交换，在不刷新页面的情况下，更新页面部分的数据。2、工作原理？相当于在浏览器（客户端）与服务器之间增加了一个中间层（ajax引擎），使用户操作与服务器响应异步化，这样就可以把以前服务器的一些负担转嫁到客户端，利用客户端闲置的处理能力来处理，从而减轻服务器负担和带宽...
2018-11-21 10:00:03
214
原创 Better-scroll实现楼层联动
第一步：先搭建vue-cli环境 （具体过程就不多说啦）第二步：下载better-scroll : npm/cnpm i better-scroll -S第三步：在components中创建scroll组件&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;并且在main.js中配置scr
2018-11-20 18:19:41
2187
3
原创 ES6手写移动端轮播图滑动切换
备注：为了使大家更好的理解移动端，响应pc端的代码被删了，并且未做更多的简化以及合理的代码分配，还望谅解//复制代码并运行即可显示效果css样式： *{ padding: 0;margin: 0; } .wrap{ width:100%; min-width:320px; ...
2018-11-20 10:32:21
693
原创 jsonp 的原理？
个人理解：动态创建script标签，利用src进行传值实例：//截取的淘宝数据，可进性搜索 Document 爱奇艺 爱土豆 阿里巴巴
2018-11-19 13:56:38
785
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人