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

1.语义化标签

根据页面中内容的结构和意义，使用具有语义的标签来描述内容

作用：

有利于seo搜索

增加代码的可读性和可维护性

更好的支持跨平台和跨设备

提高网页的可用性和无障碍性

2.h5新特性

语义化标签的引入：如header、sider、main等等

多媒体支持：video、audio

新的表单类型：如日期、邮箱，同时提供了更加强大的表单验证功能

3.cookie、sessionStorage、localStorage的区别

存储时间：

cookie可以通过expires设置失效时间

localStorage触发删除，否则永久有效

sessionStorage会话级别的存储，页面关闭或者浏览器关闭数据就会被清除

存储大小：

cookie只有4kb，localStorage和sessionStorage的内存为5mb

与服务器的通信：

cookie会随http协议一起被发送，localStorage和sessionStorage不参与和服务器的通信

4.浏览器的渲染步骤

处理html并构建dom树

处理css并构建cssdom树

将dom和cssdom合并成一个渲染树

根据渲染树来布局，计算每一个节点的位置

调用GPU绘制，合成图层，显示在屏幕

5.重绘和回流

重绘指当前页面的样式发生改变，不会影响布局

回流是指，几何属性或者页面布局发生改变，需要重新计算按集合属性和页面布局并且重新绘制页面。

回流的代价比较大，应该尽量避免回流的发生，方式如下:

尽量避免频繁的操作样式

使用文档碎片，将多个元素的修改先保存在文档碎片中，最后一次性添加到页面

缓存布局信息