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、HTML5 Canvas 元素有什么用?
答:Canvas 元素用于在网页上绘制图形,HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
4、canvas的常用api有哪些?
getContext:返回一个指定canvas的绘画环境对象
beginPath:开始绘制
moveTo:移动画笔位置
lineTo:用来画线段
Stroke:用来实施绘制的操作
lineStyle:设置线段的样式
closePath:结束绘制
5、HTML5 应用程序缓存和浏览器缓存有什么区别?
答:应用程序缓存是 HTML5 的重要特性之一,提供了离线使用的功能,让应用程序可以获取本地的网站内容,例如 HTML、CSS、图片以及 JavaScript。这个特性可以提高网站性能,它的实现借助于 manifest 文件。
6、浏览器本地缓存localStorage与临时存储sessionStorage的区别?
生命周期不同:前者一直存在浏览器,除非用户手动清除,后者生命周期结束于浏览器或者tab页的关闭