摘要：
vue生命周期 从创建vue开始的各种事件统称为生命周期 生命周期钩子，是事件的别名 主要生命周期函数分类： 创建期间的生命函数 beforeCreate：第一个生命周期函数 在new以后的某个时候调用，这时候不能在该函数能调用里面的方法 create：第二个生命周期函数 这时候实例已经创建好了，可 阅读全文
posted @ 2019-09-27 11:39
angle-xiu
阅读(314)
评论(0)
推荐(0)
摘要：
功能：1.根据数据显示当前所未完成的事件， 2.可通过输入框进行事件的添加，可标记已完成的事件并进行删除，可修改已添加的事件。 ps:插件引入均使用本地文件，需改用静态CDN。 效果： 代码实现： <!--todo.html--> <!-- <!DOCTYPE html> --> <html> <h 阅读全文
posted @ 2019-09-09 21:21
angle-xiu
阅读(527)
评论(0)
推荐(0)
摘要：
第一种方式：使用H5的API dataTransfer 实现思路： 1.为将要拖拽的元素设置允许拖拽，并赋予dragstart事件将其id转换成数据保存； 2.为容器添加dragover属性添加事件阻止浏览器默认事件,允许元素放置，并赋予drop事件进行元素的放置。 代码如下： <html> <he 阅读全文
posted @ 2019-09-08 11:08
angle-xiu
阅读(2643)
评论(0)
推荐(0)
摘要：
首先先看下变量提升的规则 1.变量声明、函数声明都会被提升到作用域顶处； 2.当出现相同名称时，优先级为：变量声明 < 函数声明 < 变量赋值 接下来看一个例子: 咋一看，结果应该是3，后面的同名函数覆盖前一个函数才对，实则这是变量提升导致的，我们看下代码在js编译器的实际运行顺序，结合规则看下你就 阅读全文
posted @ 2019-08-27 20:08
angle-xiu
阅读(437)
评论(0)
推荐(0)
摘要：
局部过滤器： <html> <head> <title>vue</title> <meta charset="utf-8"> </head> <body> <div id="app"> {{msg | toFixed(1)}} <!-- msg是参数input的值，方法里的参数都是作为input后的 阅读全文
posted @ 2019-08-26 09:58
angle-xiu
阅读(1925)
评论(0)
推荐(0)
摘要：
默认事件触发顺序：冒泡 vue事件修饰符 1.阻止事件传播--事件.stop 2.事假捕获--事件.capture 3.阻止事件默行为--事件.prevent 4.事件只触发一次--事件.once 5.只在点击自身是触发--事件.self <html> <head> <title>vue事件</ti 阅读全文
posted @ 2019-08-26 09:23
angle-xiu
阅读(328)
评论(0)
推荐(0)
摘要：
reduce（收敛）：接收一个回调函数作为累加器，数组中的每个值（从左到右）开始缩减，最终为一个值，是ES5中新增的又一个数组逐项处理方法。 reduce（callback,initialValue） callback（一个在数组中每一项上调用的函数，接受四个函数：） previousValue（上 阅读全文
posted @ 2019-08-25 20:51
angle-xiu
阅读(607)
评论(1)
推荐(0)
摘要：
基于vue的购物车清单 效果 实例代码 <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="node_modules\bootstrap\dist\css\bootstrap.css"> 阅读全文
posted @ 2019-08-25 16:12
angle-xiu
阅读(925)
评论(0)
推荐(0)
摘要：
圣杯布局及双飞翼布局主要用于解决左右两边盒子固定宽度。中间盒子宽度自适应的问题。 圣杯布局： <!doctype html> <html> <head> <title>圣杯布局</title> <meta charset="utf-8"> <style> body { min-width: 800p 阅读全文
posted @ 2019-08-23 10:05
angle-xiu
阅读(357)
评论(0)
推荐(0)
摘要：
//直接在input标签内加入下面两个事件处理程序即可 onkeyup="this.value=this.value.replace(/\D|^0/g,'')" onafterpaste="this.value=this.value.replace(/\D|^0/g,'')" 阅读全文
posted @ 2019-08-21 17:29
angle-xiu
阅读(4363)
评论(0)
推荐(1)
浙公网安备 33010602011771号