前端面试html5+css3篇（一）

1、HTML5的新特性？

• 1、语义化标签，比如header、footer、nav、aside、article、section
• 2、音视频，比如audio、video
• 3、画布canvas、矢量图svg
• 3、画布，canvas的api有getContext、fillStyle、fillRect等
• 4、本地存储localStorage、sessionStorage
• 5、web worker

2、语义化的好处？

• 1、代码分块清晰，便于维护
• 2、页面结构清晰，便于浏览器。搜索引擎解析
• 3、利于搜索引擎的爬取，利于SEO

3、canvas的常用api有哪些？（了解）

• getContext：返回一个指定canvas的绘画环境对象
• beginPath：开始绘制
• moveTo：移动画笔位置
• lineTo：用来画线段
• stroke：用来实施绘制的操作
• lineStyle：设置线段的样式
• closePath：结束绘制

4、web worker有什么作用？应用场景有哪些？（了解）

开启一个子线程，且子线程的操作不受线程的影响

• 大数据处理
• 耗费时间较长的操作

5、浏览器本地缓存localStorage与sessionStorage的区别？

• 生命周期不同：前者一直存在浏览器，除非用户手动清除，后者生命周期结束于浏览器或者tab页的关闭

6script 标签中 defer 和 async 的区别？

• script ：会阻碍 HTML 解析，只有下载好并执行完脚本才会继续解析 HTML。
• async script ：解析 HTML 过程中进行脚本的异步下载，下载成功立马执行，有可能会阻断 HTML 的解析。
• defer script：完全不会阻碍 HTML 的解析，解析完成之后再按照顺序执行脚本。