查漏补缺大杂烩

1，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。

2，window对象：
https://www.w3school.com.cn/jsref/dom_obj_window.asp
3,box-sizing: content-box|border-box|inherit:
(1)content-box:
宽度和高度分别应用到元素的内容框。
在宽度和高度之外绘制元素的内边距和边框。
(2)border-box:
为元素设定的宽度和高度决定了元素的边框盒。
就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

3，同步：一定要等任务执行完了，得到结果，才执行下一个任务。
异步：不等任务执行完，直接执行下一个任务。

4，JavaScript 数据类型：
值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
引用数据类型：对象(Object)、数组(Array)、函数(Function)。

5，W3C标准盒模型：width=content. ->box-sizing:content-box；
IE盒模型：width=content+padding+border->box-sizing:border-box;

6，内存，数据和变量三者之间的关系：
内存是容器，用来存储不同数据 变量是内存的标识通过变量我们可以操作内存中的数据 内存分为栈内存和堆内存
栈内存：存放基本数据类型和引用数据类型的地址（地址指向堆内存中的数据）
堆内存：存放引用数据类型的数据
基本数据类型的赋值操作是将栈内存中的数据完整的复制了一份，互相不影响。引用数据类型的赋值操作是将栈内存中的地址赋值，他们指向的是同一块内存空间，相互影响。

7，Array 方法：
（1）push()//末尾添加一个或多个元素，修改原数组，返回新长度 （2）pop()//末尾删除一个元素，修改原数组，返回删除的元素 （3）unshift()//开头添加一个元素，修改原数组，返回新长度
（4）shift()//开头删除一个元素，修改原数组，返回删除的元素 （5）reverse()//翻转数组，修改原数组 sort()//数组排序，修改原数组
（6） indexOf()//数组中查找给定元素的第一个索引，存在返回索引不存在返回-1
（7）join(‘分隔符’)//将数组元素转化为以给定分隔符连接的字符串 （8）concat()//连接多个数组，不影响原数组
（9）slice(start，end)//数组截取，返回截取的数组
（10）splice(start，num，newVal)//可以实现截取，替换，插入等方法

8，两个等号：比较值；三个等号：比较类型和值

9，dom节点操作常用api：
（1）创建节点：
document.write()//直接将内容写入页面的内容流中，文档流执行完毕页面会全部重绘 innerHTML()//将内容写入某个dom节点中，不会导致页面全部重绘 createElement()
（2）插入节点 appendChild() insertBefore()
（3）删除节点 node.removeChild()
（4）修改节点 修改元素属性：src/href/title
修改普通元素内容：innerHTML/innerText
修改表单元素：value/type/disabled
修改元素样式：style/className
（5）获取节点 DOM提供的（不推荐使用）getElementById/getElementByTagName
H5提供的新方法：querySelector/querySelectorAll(获取到的是一个伪数组)
（6）利用节点操作获取： 获取父元素：parentNode 获取子元素：children 获取兄弟元素：previousElementSibling/nextElementSibling
（7）自定义属性操作 setAttribute getAttribute
removeAttribute

10，本地存储：
（1）sessionStorage（生命周期为浏览器窗口，同一个窗口数据可以共享) ：
sessionstorage.setItem(key,val)
sessionStorage.getItem(key,val)
sessionStorage.removeItem(key)
sessionStorage.clear
（2）localStorage(生命周期为永久，多窗口（同一个浏览器）数据可以共享)：
localstorage.setItem(key,val)
localStorage.getItem(key,val)
localStorage.removeItem(key)
localStorage.clear

11，闭包：当嵌套的内部函数引用了外部函数的变量时就产生了闭包

12，var,let,const区别：
（1）var:
var声明的变量不存在块作用域
var声明的全局变量会自动变成window对象的属性
var声明的变量会提升（声明会提前，但赋值不会，还是会报undefined的错）
var声明的变量在同一个作用域下可以被重复声明，而let 和 const 则不被允许，否则报错
（2）let.const：
let.const存在块级作用域，let定义变量，const定义常量

13，async函数
（1）概念：真正意义上解决异步回到问题，同步流表达异步操作（本质是Generator的语法糖）
（2）语法：
定义：async function(){}
函数里搭配使用await异步操作
await后面跟异步任务，当执行到异步任务的时候await会阻塞，当异步任务成功以后在继续执行代码
**默认返回promise对象，await后面跟的是回调相当于异步任务

14，js修改函数内部的this指向(bind,call,apply)：
https://www.cnblogs.com/kongyijilafumi/p/13235836.html

15,HTML contenteditable 属性:
https://www.w3school.com.cn/tags/att_global_contenteditable.asp

16, Math.ceil Math.floor