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 的解析,解析完成之后再按照顺序执行脚本。