created和activated区别
created():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次;
activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等
-
字符串的常用方法
-
toLowerCase(): 把字符串转为小写,返回新的字符串。
-
toUpperCase(): 把字符串转为大写,返回新的字符串。
-
charAt(): 返回指定下标位置的字符。如果index不在0-str.length(不包含str.length)之间,返回空字符串。
var str='fffggggHUEJDOOO'; console.log(str.charAt(6)) //g
-
charCodeAt(): 返回指定下标位置的字符的unicode编码,这个返回值是 0 - 65535 之间的整数。
-
indexOf(): 返回某个指定的子字符串在字符串中第一次出现的位置
-
lastIndexOf(): 返回某个指定的子字符串在字符串中最后出现的位置。
-
slice(): 返回字符串中提取的子字符串。
-
substring(): 提取字符串中介于两个指定下标之间的字符。
-
substr(): 返回从指定下标开始指定长度的的子字符串
-
split(): 把字符串分割成字符串数组。
-
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() 方法:把数组的第一个元素删除,并返回第一个元素的值
![](https://i-blog.csdnimg.cn/blog_migrate/7541c0e47ff5dc3a3b19be101950e126.png)
unshift:将参数添加到原数组开头,并返回数组的长度
![](https://i-blog.csdnimg.cn/blog_migrate/d75aa225843bb3ae31725e9e790a2ec9.png)
push() 方法:可向数组的末尾添加一个或多个元素,并返回新的长度,(用来改变数组长度)。
pop() 方法:用于删除并返回数组的最后一个(删除元素)元素,如果数组为空则返回undefined ,把数组长度减 1 返回删除的那个元素
Array.slice 截取数组的实现方法
slice() 方法可从已有的数组中返回选定的元素
slice() 方法可从已有的数组中返回选定的元素
concat() 方法:用于连接两个或多个数组,并返回一个新数组,新数组是将参数添加到原数组中构成的
join() 方法:用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
![](https://i-blog.csdnimg.cn/blog_migrate/e93b5173bc40a65c03022515edcced34.png)
- reverse() :方法用于颠倒数组中元素的顺序。
- splice() :方法向/从数组中添加/删除项目,然后返回被删除的项目。
- sort(orderfunction):按指定的参数对数组进行排序