HearLing

1.px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 　　px特点： 　　1.IE无法调整那些使用px作为单位的字体大小； 　　2.国外大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 　　3.Firefox能够调整px和em,rem，但是96%以上的中国网民使用IE浏览器（或内核）。 2.em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 　　1.em的值并不是固定的 　　2.em会继承父级元素的字体大小。 3.rem：rem只相对根节点计算，这就是说只要在根节点设定好参考值，那么全篇的1rem都相等，计算方式同em，默认1rem=16px;

查询服务器端支持的HTTP方法种类(幂等操作)

在下次 DOM 更新循环结束之后执行延迟回调。nextTick主要使用了宏任务和微任务。根据执行环境分别尝试采用Promise、Mutation、Observer、setImmediate如果以上都不行则采用setTimeout定义了一个异步方法，多次调用nextTick会将方法存入队列中，通过这个异步方法清空当前队列。

1.Object.prototype.toString.call(value) 2通过isArray,返回true或false，如果为true则为数组 3、通过instanceof运算符来判断 4、使用isPrototypeOf()函数 parent.isPrototypeOf(child)来检测parent是否为child的原型;

“过多事件处理程序”的解决方案是使用事件委托。事件委托利用事件冒泡，可以只使用一个事件处理程序来管理一种类型的事件。例如， click 事件冒泡到 document 。这意味着可以为整个页面指定一个 onclick 事件处理程序，而不用为每个可点击元素分别指定事件处理程序。 优点： - document 对象随时可用，任何时候都可以给它添加事件处理程序（不用等待 DOMContentLoaded或 load 事件）。这意味着只要页面渲染出可点击的元素，就可以无延迟地起作用。 - 节省花在设置页面事件处理程序上的时间。只指定一个事件处理程序既可以节省 DOM引用，也可以节省时间。 - 减少整个页面所需的内存，提升整体性能。 最适合使用事件委托的事件包括： click 、 mousedown 、 mouseup 、 keydown 和 keypress 。mouseover...

flex：优点在于其容易上手，根据flex规则很容易达到某个布局效果。缺点是：浏览器兼容性比较差，只能兼容到ie9及以上。 浮动：浮动元素是脱离文档流，要做清除浮动，这个处理不好的话，会带来很多问题，比如高度塌陷等。 浮动布局的优点就是比较简单，兼容性也比较好。只要清除浮动做的好，是没有什么问题的。

1. 为 float 元素后的元素添加 clear 属性，clear：both 2. 利用伪元素，写一个.clearfix 工具样式，当给需要清除浮动时，就为其加上这个类 3. 修改父元素的 owerflow 属性，将父元素的 owerflow 属性修改为 owerflow:auto|hidden

- absolute 绝对定位 相对于最近的已定位的祖先元素, （有已定位指position不是static的元素祖先元素）如果无已定位祖先元素, 以body元素为偏移参照基准, 完全脱离了标准文档流。 - relative：相对定位元素的定位是相对其正常位置。设置了relative的元素仍然处在文档流中，元素的宽高不变，设置偏移量也不会影响其他元素的位置。 共同点：改变行内元素的呈现方式，都脱离了文档流；不同点：absolute的”根元素“是可以设置的，fixed的“根元素”固定为浏览器窗口

相对定位： **fixed** 固定定位的元素会相对于视窗来定位,这意味着即便页面滚动，它还是会停留在相同的位置。一个固定定位元素不会保留它原本在页面应有的空隙。 sticky 定位： 它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。

**垂直居中** - 行内元素 ``` .parent { height: 高度; } .son { line-height: 高度; } ``` - table ``` .parent { display: table; } .son { display: table-cell; vertical-align: middle; }...