贰年级小明-优快云博客

原创 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 10439 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 2764

原创 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 815

原创 vs code 自动格式化代码

打开 VsCode 首选项 >> 设置 (然后搜索下面的属性，勾选中即可) "editor.formatOnType": true, "editor.formatOnSave": true

2019-09-10 13:20:59 1446

原创 iview 中日期组件 ( DatePicker ) 校验缺陷问题

** 具体解决方案如下 ** 过程不是太详细，只做参考假设该组件在使用时可进行数据的添加和编辑 <Button type="primary" @click="addDate">添加</Button> <Button type="primary" @click="editDate">编辑</Button> <Modal :ti...

2019-05-23 10:00:06 5360

原创 iview InputNumber中@on-change事件不生效或偶尔生效问题

先看下过程 <InputNumber v-model="num" @on-change="numChange"></InputNumber> data () { return { num: 0, num1: 100 } } 错误的写法此时你会发现输入框内的值在大于100时并没有变成100 methods: { numChange () { if...

2019-05-22 20:53:28 5527

原创封装原生运动框架（也可实现改变透明度效果）

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 150

原创 Vue如何使用sass

1、首先安装sass依赖 npm install sass-loader --save-dev npm install node-sass --save-dev 或使用cnpm 2、在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.scss$/, loaders: ['style', 'css', 'sass'] } 3、给sty...

2019-04-23 09:18:54 956

原创微信小程序的生命周期

1、app.js全局生命周期 App({ /* 当小程序初始化完成时，会触发 onLaunch（全局只触发一次） */ onLaunch: function () {}, /* 当小程序启动，或从后台进入前台显示，会触发 onShow*/ onShow: function (options) {}, /* 当小程序从前台进入后台，会触发 onHide */...

2018-11-27 10:48:10 150

原创数组的排序

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 159

原创数组去重的方法：

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 145

原创 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 350

原创随机验证码的实现

思路讲解：利用循环拼接验证码字符串，根据字符编码在[48~122]范围内生成随机数，判断该随机数是否符合数字、大小写字母的范围，如果符合让变量自增拼接下一个字符，否则变量不增进入下一次循环直到找到符合条件的字符拼接到字符串上 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &

2018-11-23 15:56:16 508

原创原生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 350

原创如何判断当前设备是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 896

原创 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 209

原创 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 414

原创如何使用原生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 649

原创 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 270

原创 Ajax工作原理以及封装使用

1、什么是ajax? ajax （异步编程的一种解决方案）是一种用于创建快速动态网页的技术。通过后台与服务器之间数据的少量交换，在不刷新页面的情况下，更新页面部分的数据。 2、工作原理？相当于在浏览器（客户端）与服务器之间增加了一个中间层（ajax引擎），使用户操作与服务器响应异步化，这样就可以把以前服务器的一些负担转嫁到客户端，利用客户端闲置的处理能力来处理，从而减轻服务器负担和带宽...

2018-11-21 10:00:03 259

原创 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 2260 3

原创 ES6手写移动端轮播图滑动切换

备注：为了使大家更好的理解移动端，响应pc端的代码被删了，并且未做更多的简化以及合理的代码分配，还望谅解 //复制代码并运行即可显示效果 css样式： *{ padding: 0;margin: 0; } .wrap{ width:100%; min-width:320px; ...

2018-11-20 10:32:21 742

原创 jsonp 的原理？

个人理解：动态创建script标签，利用src进行传值实例： //截取的淘宝数据，可进性搜索 Document 爱奇艺爱土豆阿里巴巴

2018-11-19 13:56:38 840 1

weixin_43735788的博客