2020-08-31

 

created和activated区别

created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次；

activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等

• 字符串的常用方法

1. toLowerCase(): 把字符串转为小写，返回新的字符串。
2. toUpperCase(): 把字符串转为大写，返回新的字符串。
3. charAt(): 返回指定下标位置的字符。如果index不在0-str.length(不包含str.length)之间，返回空字符串。

var str='fffggggHUEJDOOO'; console.log(str.charAt(6)) //g

1. charCodeAt(): 返回指定下标位置的字符的unicode编码,这个返回值是 0 - 65535 之间的整数。
2. indexOf(): 返回某个指定的子字符串在字符串中第一次出现的位置
3. lastIndexOf(): 返回某个指定的子字符串在字符串中最后出现的位置。
4. slice(): 返回字符串中提取的子字符串。
5. substring(): 提取字符串中介于两个指定下标之间的字符。
6. substr(): 返回从指定下标开始指定长度的的子字符串
7. split(): 把字符串分割成字符串数组。
8. replace(): 在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

var str="hello WORLD";

var reg=/o/ig; //o为要替换的关键字，不能加引号，否则替换不生效，i忽略大小写，g表示全局查找。var str1=str.replace(reg,"**")

console.log(str1); //hell** W**RLD

match(): 返回所有查找的关键字内容的数组。

var str="To be or not to be";

var reg=/to/ig;

var str1=str.match(reg);

console.log(str1); //["To", "to"]

console.log(str.match("Hello")); //null

 

订阅制模式

• 实现一个监听器Observer，用来劫持并监听所有属性，如果有变动的，就通知订阅者。
• 实现一个订阅者Watcher，可以收到属性的变化通知并执行相应的函数，从而更新视图。
• 实现一个解析器Compile，可以扫描和解析每个节点的相关指令，并根据初始化模板数据以及初始化相应的订阅器。

数组的常用方法

 

shift() 方法：把数组的第一个元素删除，并返回第一个元素的值

unshift：将参数添加到原数组开头，并返回数组的长度

push() 方法：可向数组的末尾添加一个或多个元素，并返回新的长度，（用来改变数组长度）。

pop() 方法：用于删除并返回数组的最后一个(删除元素)元素,如果数组为空则返回undefined ,把数组长度减 1 返回删除的那个元素

Array.slice 截取数组的实现方法
slice() 方法可从已有的数组中返回选定的元素

concat() 方法：用于连接两个或多个数组,并返回一个新数组，新数组是将参数添加到原数组中构成的

join() 方法：用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

1. reverse() ：方法用于颠倒数组中元素的顺序。
2. splice() ：方法向/从数组中添加/删除项目，然后返回被删除的项目。
3. sort(orderfunction)：按指定的参数对数组进行排序
4.