HTML部分

1.说一下<label>标签的用法

label标签主要是方便鼠标点击使用，扩大可点击的范围，增强用户操作体验

2.html5的新特性？

• 添加了video，radio标签

• 添加了canvas画布和svg,渲染矢量图片

• 添加了一些列语义化标签header,footer,main,section,aside,nav等

• input的type值新添加了很多属性（email，url，number，range，Date pickers (date, month, week, time, datetime, datetime-local)，search，color）

• 添加了地理位置定位功能 Geolocation API

• 添加了web存储功能，localStorage和sessionStorage

• 使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本

• web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。

3.重绘和回流

重绘：
某个元素的背景颜色，文字颜色等，不影响元素周围或内部布局的属性，将只会引起浏览器的重绘。 回流：
某个元素的尺寸发生了变化，则需重新计算渲染树，重新渲染

回流什么时候发生？

1. 添加或者删除可见的DOM元素；
2. 元素位置改变；
3. 元素尺寸改变——边距、填充、边框、宽度和高度
4. 内容改变——比如文本改变或者图片大小改变而引起的计算值宽度和高度改变；
5. 页面渲染初始化；
6. 浏览器窗口尺寸改变——resize事件发生时；

4.link标签和import标签的区别

         1) link属于html标签，而@import是css提供的 

          2) 页面被加载时，link会同时被加载，而@import引用的css会等到页面加载结束后加载。 

          3) link是html标签，因此没有兼容性，而@import只有IE5以上才能识别。 

          4) link方式样式的权重高于@import的。

          5) link可以使用 js 动态引入，@import不行