在列表数据进行遍历渲染时，需要为每一项 item 设置唯一 key 值，方便 Vue.js 内部机制精准找到该条列表数据。当 state 更新时，新的状态值和旧的状态值对比，较快地定位到 diff 。

关于css块模型：css块模型什么是line-height？如上图所示，由于基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端。line-height：如图，两个红线之间和文本上下半行间距(行间距的一半)之间的高度行间距：上一行个底线跟下一行的顶线之间的距离font-size：同行顶线和底线之间的距离三者关系font-size和lin...

在DOM树的基础上根据节点的集合属性(margin,padding,width,height等)生成render树(不包括display:none，head节点，但是包括visibility:hidden的节点)

这儿有一个知识点：1、文档流：按我的理解就是html在浏览器渲染显示的一个模式，这个模式的特点：自上而下，从左到右（排列规则）。如果不特殊指定，浏览器会默认当前的HTML渲染是按文档流模式。2、浮动：平时我们所知的脱离文档流的一种方式，把html元素的布局更改，浮动在视图层上3、绝对定位：脱离文档流的另外一种方...

面试中经常会被问到这个问题吧，唉，我最开始被问到的时候也就能大概说一些流程。被问得多了，自己就想去找找这个问题的全面回答，于是乎搜了很多资料和网上的文章，根据那些文章写一个总结。

左边的图是默认情况下，右边是鼠标放上去的时候，现在hover还是能正常显示的。（下面的图都是左边默认，右边hover）但是如果通过js插入css样式的话，鼠标放上去的hover样式就不会生效了。