todosmvc复刻

1.通过绑定class给一个响应式值（bool类型）确定是否显示样式，如：

：class{ completed：todo.completed }

2.表单用v-module进行数据双向绑定（主要是input）

3.label可用v-text单向绑定

4.失去焦点执行为@blur

5.this.$nextTick（（）=>{}）方法

用于在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，能够获取更新后的 DOM。

6.监听hash

window.addEventListener('hashchange',this.onHashChange)

7.$refs对象的使用

给元素增加ref特性，可以用$refs.设置的ref名获取对应的元素（少用）

优先使用 Vue 的数据绑定、事件系统和计算属性来实现功能，只有在确实需要直接操作 DOM 时才使用 ref。

8.数组和字符串的常用方法

数组

创造与合并：

Array（）构造函数：创造数组，传入元素/指定数组长度

Array.of（）：一组值转为数组，传入一组值

Array.from（）：从类数组对象或可迭代对象创建新的数组实例，传入类数组对象

concat（）：用于合并两个或多个数组，返回一个新数组，原不变 array1.concat（arrary2）

元素操作：

push（）：尾添元素，返回新长度

pop（）：移除最后一个元素，返回移除的元素

splice（）：参数不同功能不同，改变原数组，2参：splice（从第几位开始删除，删除几项）

3参以上：splice（从第几位开始，删除几项，插入新项）

slice（）：返回一个新数组，原不变，1参：slice（从第几位开始到尾），2参：slice（从几开始，到几结束）

查询和过滤：

indexOf：（具体元素，从第几位开始查），返回具体元素所在位置

lastIndexOf：（具体元素），返回具体元素最后一次出现的位置，无则为-1

includes（具体元素）：判断数组是否包含指定元素，返回布尔值

find（测试函数（项=>条件））：返回第一个满足测试函数的元素的值，无则为undefind

findIndex（测试函数（项=>条件））：返回第一个满足测试函数的元素的位置，无则为-1

filter（测试函数（项=>条件））创建一个新数组，新数组包括所有通过测试函数的项元素

迭代与转换：

forEach（执行函数（项=>执行方法）），对每一项都执行，无返回值

reduce（）对数组中的每个元素执行一个由你提供的 reducer 函数，将其结果汇总为单个返回值

reverse（）：颠倒数组中的元素顺序，原数组会被修改

map（执行函数（项=>执行方法））：创建一个新数组，新数组的项是原数组每项执行函数后的结果元素

sort（）：对数组的元素进行排序，原数组会被修改

其他：

join（'指定分割符'）：将数组的所有元素连接成一个字符串，可指定分隔符

falt('递归到哪一层')：创建一个新数组，将嵌套的数组的元素都放到新数组中

字符串

查询和提取：

charAt（指定位置）：返回指定位置的字符

indexOf(子字符串)：返回指定子字符串在字符串中第一次出现的位置，不存在则 -1

lastIndexOf(子字符串)：返回指定子字符串在字符串中最后一次出现的位置，不存在则 -1

substring(从哪里开始，到哪里结束)：返回一个新的字符串，包含从开始索引到结束索引（不包含结束索引）的字符

slice()：返回一个新的字符串，包含从开始索引到结束索引（不包含结束索引）的字符，支持负数索引。

substr（指定索引，长度）：返回一个新的字符串，从指定索引开始，截取指定长度

大小转换：

toUpperCase（）：大写

toLowerCase（）：小写

替换与分割

replace（正则，替换字符串）：返回一个新的字符串，匹配的部分替换为指定字符串

split（分割符）：字符串分割为数组，可指定分割符

检查与判断：

includes（子字符串）：判断是否含有子字符串，布尔值

starsWith（子字符串）：判断是否以子字符串开头，布尔值

endsWith（子字符串）：判断是否以子字符串结尾，布尔值

trim():去除两端空白字符

其他：

repeat（次数）：返回一个新的字符串，该字符串包含指定次数重复的原字符串。

padStar（长度，指定字符）：在字符串的开头填充指定的字符，直到达到指定的长度。 

padEnd（长度，指定字符）：在字符串的开头填充指定的字符，直到达到指定的长度。 

9.正则表达式在javaScript的常用方法

基本概念：

字符类：[ ]表示，匹配方括号内出现的任意字符

量词：指定前面的字符或字符类出现次数。【*（0/n次），+（1/n次），？（0/1次），{n}（刚好n次），{n，}（至少n次），{n，m}（n到m次）】

锚点：用于指定匹配位置。【^(匹配字符串的开头)，$（匹配字符串的结尾）】

常用元字符：

【.（匹配除换行符外任意单字符），\d（匹配任意数字），\w（匹配任意字母，数字，下划线），\s（匹配任意空白符）】

JS中常用方法

match（/字符/）返回['字符']

search（/字符/）返回字符所在位置

replace（/字符/，"替换字符"）

split（/分隔符/）返回按照分隔符分割后的，每项为分割出的元素的新数组