1.知识点总结
html
1.HTML5新特性
（1）语义化标签
HTML5提供语义化标签，如：
<header><article><footer><nav><aside><section>等
（2）增强型表单
多个新的表单 Input 输入类型，如：
color,url,date等
这些新特性提供了更好的输入控制和验证。
新增表单元素，如：
<output>，用于用于不同类型的输出，比如计算或脚本输出。
新增表单属性，如：
placeholder 属性，简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示，在用户输入后消失。
required 属性，是一个 boolean 属性。要求填写的输入域不能为空
min 和 max 属性，设置元素最小值与最大值。
step 属性，为输入域规定合法的数字间隔。
height 和 width 属性，用于 image 类型的 <input> 标签的图像高度和宽度。
autofocus 属性，是一个 boolean 属性。规定在页面加载时，域自动地获得焦点。
multiple 属性 ，是一个 boolean 属性。规定<input> 元素中可选择多个值。
3.新增视频 <video> 和音频 <audio> 标签
4.Canvas绘图
SVG 与 Canvas两者间的区别
SVG 是一种使用 XML 描述 2D 图形的语言。
Canvas 通过 JavaScript 来绘制 2D 图形。
SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。
在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。
Canvas 是逐像素进行渲染的。在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。
5.SVG绘图
6.地理定位
window.navigator.geolocation {
getCurrentPosition: fn 用于获取当前的位置数据
watchPosition: fn 监视用户位置的改变
clearWatch: fn 清除定位监视
}
7.拖放API
8.Web Worker
9.Web Storage
10.WebSocket
详情操作 见：https://www.w3school.com.cn/html5/html_5_video.asp
2.谈谈对websocket的理解
https://blog.csdn.net/github_37130188/article/details/89463183
3.浏览器模型常见的对象
window history location xhr对象
4.Cookie、Session（LocalStorage、SessionStorage）的理解与区别：
5、页面DOM渲染过程、重流：
6.文件上传的实现：