v-cloak:
vue还未加载解析完成的时候,为避免出现为解析的一些语句,采用v-cloak可以提高用户体验。
class的动态绑定:
计算属性:
块级作用域:
const
click函数:无参数的时候,默认指定为event,可以打印出来。
click函数:有参数的时候,需要把event事件打印出来则需要写为$event。
修饰符
**若不加上stop,点击按钮后触发两个点击事件:**所以需要阻止冒泡只需要添加stop。
reduce
arr.reduce(function(prev,cur,index,arr){
…
}, init);
其中,
arr 表示原数组;
prev 表示上一次调用回调时的返回值,或者初始值 init;
cur 表示当前正在处理的数组元素;
index 表示当前正在处理的数组元素的索引,若提供 init 值,则索引为0,否则索引为1;
init 表示初始值。
其实常用的参数只有两个:prev 和 cur。
二、实例
先提供一个原始数组:
var arr = [3,9,4,3,3,4,4,3];
实现以下需求的方式有很多,其中就包含使用reduce()的求解方式,也算是实现起来比较简洁的一种吧。
- 求数组项之和
var sum = arr.reduce(function (prev, cur) {
return prev + cur;
},0);
由于传入了初始值0,所以开始时prev的值为0,cur的值为数组第一项3,相加之后返回值为3作为下一轮回调的prev值,然后再继续与下一个数组项相加,以此类推,直至完成所有数组项的和并返回。
- 求数组项最大值
var max = arr.reduce(function (prev, cur) {
return Math.max(prev,cur);
});
由于未传入初始值,所以开始时prev的值为数组第一项3,cur的值为数组第二项9,取两值最大值后继续进入下一轮回调。