HearLing

加载渲染过程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount- >子mounted->父mounted 子组件更新过程 父beforeUpdate->子beforeUpdate->子updated->父updated 父组件更新过程 父 beforeUpdate -> 父 updated 销毁过程 父beforeDestroy->子beforeDestroy->子destroyed->父destroyed

typeof 用来来确定任意变量的数据类型，对一个值使用 typeof 操作符会返回字符串,其中null会被看做对象object同时函数也会被判断为function。而instanceof 操作符可以用来确定一个对象实例的原型链上是否有原型。 typeof 返回字符串：  "undefined" 表示值未定义；  "boolean" 表示值为布尔值；  "string" 表示值为字符串；  "number" 表示值为数值；  "object" 表示值为对象（而不是函数）或 null ；  "function" 表示值为函数；  "symbol" 表示值为符号。

CSS盒模型本质上是一个盒子，它包括：边距margin，边框border，填充padding，和实际内容content。 有两种盒模型，标准盒模型（box-sizing: content-box）和怪异盒模型（box-sizing: border-box），区别在于，元素的宽高大小表现为content的大小，而怪异盒模型则表现为content + padding + border的大小（背景会延伸到边框的外沿）


1.使用 CSS3 vw 单位，vw是相对于视口的宽度。 ``` .box{ width: 20%;//width:20vw也可以 height: 20vw; background: pink; } ``` 2.设置盒子的padding-bottom和盒子的宽度一样，同时设置heigh = 0px； ``` .box{ width: 20%; /* 设置height为0 ，避免盒子被内容撑开多余的高度 */ height: 0px; /* 把盒子的高撑开， 和width设置同样的固定的宽度或者百分比...

class实现继承的核心在于使用extends表明继承自哪个父类，并且在子类构造函数中必须调用super。 JavaScript由于采用原型继承，实质是先创造子类的实例对象this，然后再将父类的方法添加到this上面（Parent.apply(this)）。

px、em、rem、vw、vh（viewpoint height，视窗高度，1vh=视窗高度的1%）、vmin、vmax（vw和vh中较大的那个。）

数组遍历方法：for forin forof foreach every some map reduce 数组改变方法：pop push shift unshift sort splice 数组扁平化：flat 数组转换：join splite spring 数组片段：slice 数组连接：concate 展开运算符 数组映射：map from

宏任务：script(整体代码)、setTimeout、setInterval、I/O、UI交互事件、postMessage 微任务：Promise.then、Object.observe、MutaionObserver - 微任务和宏任务是**绑定**的，每个宏任务在执行时，会创建自己的微任务队列。 - **无论什么情况下，微任务都早于宏任务执行**。（因为在微任务中产生的宏任务也是要插入到消息队列或者是延迟队列的末尾的，这肯定是需要下一次事件循环才有可能被执行的，而微任务在这一次的事件循环之前就会被执行。） - **微任务的执行时长会影响到当前宏任务的时长。**（比如一个宏任务在执行过程中，产生了 100 个微任务，执行每个微任务的时间是 10 毫秒，那么执行这 100 个微任务的时间就是 1000 毫秒，也可以说这 100 个微任务让宏任务的执行时间延长了 1000 毫秒。所以你在写代码的时候一定要注意控制微任务的执行时长。）

顺序查找，二分法查找（折半查找），分块查找