千锋教育web前端高频面试题视频教程，kerwin大话前端面试秘籍（附答案）

H5高频面试题

1、如何理解H5结构语义化

就是在合适的时候用合适的标签做合适的事 比如段落标签用p 主要内容用main标签

2、h5的新特性

h5不单单说只是一个标签的堆砌，而是关于图像、位置、存储、多任务等功能的增加，

3、cookie、sessionStorage、localStorage的区别

1）存储大小

cookie数据大小不能超过4k

sessionStoragelo和calStorage虽然有存储大小限制，但是比cookies要大的多，可以达到5M或者更大

2) 有期时间

localStorage 是存储持久数据，浏览器关闭后数据不会丢失除非你主动删除数据

sessionStorage 是一个会话级别的存储，当浏览器窗口关闭后会自动删除里面的数据

cookie 默认是窗口关闭狗数据消失，但是可以设置过期时间

4、浏览器的渲染机制一般分为几个步骤

5、回流与重绘

6、简述data：属性的用法（如何设置、如何获取），有何优势？

CSS面试题

1、display:none和 visibility:hidden的区别

共同点：让元素不可见

区别：

display:none会让元素完全从渲染树中消失，渲染的时候不占据任何空间visibility:hidden不会让元素从渲染树消失，渲染树元素继续占据空间，只是内容不可见

修改常规流中元素的display通常会造成文档重排，修改visibility属性只会造成本元素的重绘

2、外边距折叠

3、z-index是什么？在position的值什么时候可以触发

4、简述box-sizing的有效值以及所对应的盒模型规则