知识点总结

一、数组的API
1.push
功能：尾插，
参数：push(参数1，[参数2...])；
返回值：新数组的长度
2.pop
功能：尾删，
参数：pop(无)
返回值：被删除的元素
3.unshift
功能：头插，
参数：unshift(参数1，[参数2...])；
返回值：新数组的长度
4.shift
功能：头删，
参数：shift(无)，
返回值：被删除的元素
5.splice
功能：删除指定区间元素，并用新的数据代替，
参数：splice(起始位置，偏移量，[新数据1，新数据2...])
返回值：删除的区间，
注意：会改变原数组
6.join
功能：将数组按照间隔符转换为字符串，
参数：join([间隔符字符串])，默认间隔符为逗号，
返回值：返回字符串
7.reverse
功能：逆序，
参数：reverse(无)
返回值：无
注意：该方法直接改变原数组
8.slice
功能：数组区间的截取,
参数：slice(起止位置，结束位置)；左闭右开[3,8)；
返回值：被删除的区间；
注意事项：不会改变原数组；
9.concat
功能：将若干个数组拼接到一起，
参数：数组1.concat([数组2...])；
返回值：被拼接的新数组，
注意事项：所有的原始数组不会发生改变
10.indexOf
功能：查找数组元素，找到返回下标，找不到返回-1，
参数：indexOf(目标元素)
返回值：找到返回下标，找不到返回-1

forEach

功能：对数组的元素进行相同操作

参数：forEach（回调函数）

回调函数参数：回调函数（数组元素的值，[下标，元素所在数组]）

返回值：无

map

功能：跟forEach大致一样，多了一个返回值

参数：map（回调函数）

回调函数参数：回调函数（数组元素的值，[下标，元素所在的数组]）

返回值：将回调函数return的值，组成一个数组

filter

功能：按条件过滤元素

参数：filter（回调函数）

回调函数参数:回调函数(数组元素的值,[下标,元素所在的数组])

返回值：根据返回值的布尔类型决定是否要返回当先元素本身

Sort
排序
二、ASCII码表
1.charAt
功能：返回索引对应的字符
参数：charAt(索引)
返回值：索引对应的字符
2.charCodeAt
功能：返回索引对应的字符的ASC码值
参数：charAt(索引)
返回值：索引对应的字符的ASC码值
三、字符串API
1.charAt
功能：返回索引对应的字符
参数：charAt(索引)
返回值：索引对应的字符
2.charCodeAt
功能：返回索引对应的字符的ASC码值
参数：charAt(索引)
返回值：索引对应的字符的ASC码值
3.fromCharCode
功能：将asc码转换为字符，
参数：String.fromCharCode(asc1,[asc2...]);
返回值：返回asc码对应的字符，
注意：该方法直接通过String调用
4.indexOf
功能：查找字符串第一次出现的位置
参数：indexOf（字符串）
返回值：下标
5.lastIndexOf
功能：查找字符最后一次出现的位置
参数：lastIndexOf（字符串）
返回值：找到返回下标，反之返回-1
6.replace
功能：字符串的替换
参数：replace(被替换的字符，替换字符串)
返回值：被替换的字符串
7.slice/substring
功能：截取字符串
参数：slice/substring（起始位置、结束位置）(左闭右开)
返回值：被截取的字符串
8.split
功能：将字符串切割为数组
参数：split(“切割字符串”)
返回值：返回一个数组
9.大写转换-->toUpperCase()  
参数：oUpperCase(字符串)
10.小写转换-->toLowerCase()
参数：toLowerCase(字符串)
search
功能：返回匹配字串的首位下标
参数：search（正则对象）
返回值：找到返回下标，反之返回-1
Match
功能：根据正则格式返回匹配的字串，存入数组
参数：Match（正则对象）
返回值：数组
Includes
功能：是否找到参数字符串
参数：Includes（参数字符串）
返回值：布尔值
startswith
功能：参数字符串是否在源字符串的头部
参数：startswith（参数字符串）
返回值：布尔值
endswith
功能：参数字符串是否在源字符串尾部
参数：endswith（参数字符串）
返回值：布尔值
四、Math
1.Math.floor(参数);向下取整  1.1---1，(-1.2)---(-2)
2.Math.ceil(参数);向上取整  1.1---2，(-1.2)---(-1)
3.Math.round(参数);四舍五入取整  1.2---1,1.9---2,(-1.9)---(-2)
4.Math.sqrt(number) 开平方根  
5.Math.pow(m,n)  返回m的n次方
6.Math.min(1,-2,3,4) 返回N个数最小值
7.Math.max(1,-2,3,4)返回N个数最大值
8.Math.abs(number) 返回绝对值
9.Math.random()：返回0~1之间的数，左闭右开
五、Date
1.getFullYear() 获取年
2.getMonth() 获取月 0~11
3.getDate() 获取日
4.getHours() 获取小时
5.getMinutes() 获取分
6.getSeconds() 获取秒
7.getDay 获取星期几  0~6  周日为0
六、获取时间
1.setDate()  改变Date对象的日期
2.setHours()  改变小时数
3.setMinutes()  改变分钟数
4.setMonth()  改变月份，从0开始
5.setSeconds()  改变秒数
6.setFullYear()  改变年份
七、window
window的两个定时器
1.setInterval(回调函数，间隔)；
   clearInterval(定时器关闭的钥匙)；
2.setTimeout(回调函数，延迟)；
   clearTimeout(定时器关闭的钥匙)；
window的一个事件
3.window.onload = function(){ }
   延迟加载：整个页面全部加载完成后再执行，包括图片、文字、音频、视频
document：找对象的六种方法
4.document.getElementById("ID名")：返回该ID对应的HTML元素
5.document.getElementsByTagName("标签名")：批量返回标签所对应的元素，储存至数组
6.document.getElementsByName("name名")：批量返回name所对应的元素，储存至数组
7.document.getElementsByClassName("类名")：批量返回class名所对应的元素，储存至数组
8.document.querySelector("选择器")：获取单个元素，ID，类，标签
9.document.querySelectorAll("选择器")：批量获取多个元素，类，标签，储存至数组
dom：根据层次关系访问节点：(包括文本和元素)
10.parentNode  返回节点的父节点
11. childNodes  返回子节点集合，数组名[i]访问子节点
12. firstChild  返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点
13. lastChild  返回节点的最后一个子节点
14.  nextSibling  下一个节点
15.  previousSibling  上一个节点
dom：通过层级关系访问元素节点
16. firstElementChild  返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点
17.  lastElementChild  返回节点的最后一个子节点
18.  nextElementSibling  下一个节点
19.  previousElementSibling  上一个节点
节点的操作
20.增：创建dom对象：document.createElement("标签名")：返回被创建的dom元素
21：追加：父元素.appendChild(子元素);
22：删：Dom节点.remove();
23.var oLis = oUl.childNodes;  元素文本节点都返回
24.var oLis = oUl.children;  只返回元素节点
文本
25.console.log(oBox.innerText);  打印当前标签的文本内容，不打印标签
26.console.log(oBox.outerHTML);  所有的标签和文本都打印，包括自身
27.console.log(oBox.innerHTML);  除了自身标签的所有内容(innerHTML可以添加元素)
属性的读写(对象.属性)
28.写：oBox.setAttribute("id","haha");
29.读：console.log(oBox.getAttribute("id"));
自定义属性及getAttribute方法
30.setAttribute("属性名称","属性值名称")
31.getAttribute("属性名称") : 返回属性名称对应的属性值
获取非行内样式
32.写：oBox.style.backgroundColor = "skyblue";
33.读：(不能直接读) getComputedStyle(Dom节点,false)["属性名"]:返回属性名对应的属性值
insertBefore
34.父节点.insertBefore(目标节点，参照节点)：将目标节点插入至参照节点前
35.oUl.insertBefore(oLi,null);  等价于appendChild，在最后面添加节点
36.oUl.insertBefore(oLi,oUl.children[0]);  在指定位置添加节点
offset
写：全用style，全都是加px的字符串
37.oBox.style.left = "500px";
38.oBox.style.top = "500px";
39.oBox.style.width = "500px";
40.oBox.style.height = "500px";
读：全都用offset，读的全是数字
41.console.log(oBox.offsetLeft);
42.console.log(oBox.offsetTop);
43.console.log(oBox.offsetWidth);
44.console.log(oBox.offsetHeight);
八、事件
兼容
1.事件对象的兼容：
document.onclick = function(evt){
        var e = evt || event;
        console.log(e);
}

2.获取键盘asc码的兼容写法：
var key = e.keyCode || e.which || e.charCode;

3.阻止冒泡事件的兼容写法：
e.stopPropagation?e.stopPropagation():e.cancelBubble = true;

4.阻止浏览器的默认行为：
e.preventDefault?e.preventDefault():e.returnValue = false;

5.事件委托的兼容方法：
var target = e.srcElement || e.target;

document.body.scrllTop||document.documentElement.scrlloTop:兼容性获得滚动条高度

鼠标事件对象
6.page：距离整个大白板左上顶点的距离(常用)
7.client：距离可视窗口左上顶点的距离(不常用)
8.offset：距离最近父元素左上顶点的距离(使用于拖拽)
键盘事件及事件对象
9.onkeyup：键盘抬起的那一刻
10.onkeydown：只要按下按键就会触发，无论是否为功能键
11.onkeypress：生成一个字符的时候触发事件
事件的监听
12.dom节点.addEventListener(去掉on的事件类型，回调函数，[是否捕获默认为冒泡(值为false)])；
拖拽
13.onmousedown 事件会在鼠标按键被按下时发生
14.onmousemove 事件会在鼠标指针移到指定的对象时发生
15.onmouseup 事件会在鼠标按键被松开时发生
json
16.字符串->json对象
var json = JSON.parse(str);

17.json对象->字符串
var str = JSON.stringify(json);

九、正则表达式
单个字符:
1. ^：正则开始
2. $  : 正则结束
3. .  : 元字符, 表示任意一个字符    
4. \. : 表示转义字符       \.表示.
5. +： 表示其前面紧挨着的字符至少出现1次 等价{1,}
6. * ：表示其前面出现的字符至少出现过0次  等价{0,}
7. ?:  表示其前面出现的字符至少出现过0次，至多1次  等价{0,1}
8. | : 表示或者
组合字符:
9. \d : 0-9之间的任意一个数字 \d只占一个位置 
10. \D : 除了\d
11. \w : 数字，字母 ，下划线 0-9 a-z A-Z _ 
12. \W : 除了\w
13. \s : 空格或者空白等 
14. \S : 除了\s
 括号:
15. {m,n}表示括号前面紧挨着的字符至少出现m个，至多出现n个
16. {m}表示括号前面紧挨着的字符只能出现m个              
17. {m,}表示括号前面紧挨着的字符至少出现m个
18. [ ] 表示括号内的任意一个字符 [wd3h]
19. [a-z]表示任意一个小写字母 [a-zA-Z0-9]
20. [^  ]表示非括号内的任意一个字符
21. ()一般与或连用 表示优先级
22. [\u4e00-\u9fa5] 任意一个中文字符
表单验证
23.action：把数据提交到服务器文件
24.method：数据发送的安全类型(默认为get)
25.get：不要求安全性的数据
26.post：要求安全性的数据，效率低，安全性高，携带数据量大
27.onsubmit： 事件在表单提交时触发
28.onfocus：事件在对象获得焦点时发生
29.onblur： 事件会在对象失去焦点时发生
正则中的相关方法
30.test()：检验一个字符串是否符合某一个正则规范，如果符合返回true，否则返回false
31.exec  根据正则表达式查找，结果满足，会返回一个长度为1的数组(数组只有一个值)
32. g：全局  globel
正则中相关字符串的方法
33.search方法：返回与正则表达式查找内容匹配的第一个子字符串的位置 参数:search(正则对象);返回值:找到返回子串下标,找不到返回-1
34.i：忽略大小写
35.match方法：使用正则表达式模式对字符串执行查找，并将包含查找的结果作为数组返回参数:match(正则对象)
36.replace 方法：返回根据正则表达式进行文字替换后的字符串的复制
十、let
1.let：类似于var
2.const修饰只读变量（只能读，不能写）
3.this：是函数的内置对象
4.bind(参数)：修改this指向，是函数对象的方法
5.for...in：通常用来遍历json，因为for...in遍历的是下标
6.for...of：通常用来遍历除json以外的容器，因为for...of遍历的是内容
字符串扩展方法
7.str.includes("参数")：返回布尔值，表示是否找到了参数字符串
8.str.startsWith("参数")：返回布尔值，参数是否在源字符串的头部
9.str.endsWith("参数")：返回布尔值，参数是否在源字符串的尾部
set集合的方法
10.add(参数) 向集合中添加一个元素
11.delete(值) 删除集合中某个数
12.has(值) 判断集合中是否含有某个值
13.clear() 清空集合。