三层结构和应用

DOCTYPE

DOCTYPE声明指示Web浏览器页面使用哪个HTML版本编写的指令进行解析。

流动网页提速，是谷歌推行的一个提升页面资源载入效率的HTML提议规范。使用严格受限的高效HTML标签以及使用静态网页缓存技术来提高网络访问静态资源的性能和用户体验。

文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。

HTML5增加了较多新的语义化标签，如<header> <video>等

在原有标签上新增了一些属性，如input的type,增加了color,date,time等属性

ShadowDom是HTML的一个规范，允许开发者封装自己的HTML标签，CSS样式和特点的JS代码，同时也可以让开发者创建一个自己的自定义一级标签，创建的新标签和相关的API被称为WebComponent。

严格模式：限制了原有的一些不规范的写法，让一些不合理的语法直接报错。

json：支持了IE8以及更低版本浏览器对json解析方法的使用

Object：新增了属性和方法

Array方法属性：对内置数组对象的原型方法进行了扩展完善，添加了indexOf，forEach，filter，map等

Data.now(),Data.toJson

浅复制是对对象地址的复制，并没有开辟新的栈，也就是复制的结果是两个对象指向同一个地址，修改其中一个对象的属性，则另一个对象的属性也会改变，而深复制则是开辟新的栈，两个对象对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。

深拷贝可以通过创建一个新的对象，然后递归进行复制或者使用json解析的方式来拷贝。

let,const: let和const都只能作为块级作用域变量的声明，且只能在块级作用域内生效，块内声明的变量无法在块级外引用；使用const声明的变量必须进行初始化赋值，而且一旦赋值就不能再进行二次修改赋值；使用let，const在全局作用域下声明的变量不回作为属性添加到全局作用域对象里。

解构赋值

数组新特性:Array.prototype.find,findIndex,等，keys(),values(),entries()等遍历方式

函数参数：ES6对函数参数进行了新的设计，添加了默认参数，不定参数和扩展参数。

箭头函数：其this和外层this相同，可以理解为它执行上下文只有变量对象和作用域链，没有this值。

增强对象：可以通过属性简写，变量作为属性名或省略对象函数属性的书写方式来提高编码效率。

类：class

模块module：import/export

循环和迭代器：iterator iterator.next()

集合类型： Map，Set，WeakMap，WeakSet

Promise：避免异步操作函数里的多层嵌套回调问题

幂指数操作符

数组方法：include

异步函数async/await