前端笔记完整版（HTML、CSS、JS、JQuery、AJAX、VUE、React等笔记）

# #此文件为方便gitee网站观阅使用专门创建 > 此笔记文件于某一时间复制至此,容易存在更新不及时问题,建议观看同级目录下的笔记文件 > > 由于此笔记篇幅过长,防止Gitee上点开加载时间过久,所以只截取了上方`ES全系列详细学习笔记`部分笔记的部分知识点至此,方便网站阅读概览,完整内容请看具体笔记,建议下载后阅读 > > 除此笔记外大家可以看我其他笔记 :**[全栈笔记](https://gitee.com/hongjilin/hongs-study-notes/tree/master)**、**[数据结构与算法](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_算法及课程基础学习笔记/数据结构与算法)**、**[编程_前端开发学习笔记](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_前端开发学习笔记)**、**[编程_后台服务端学习笔记](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_后台服务端学习笔记)** 、**[Java](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_后台服务端学习笔记/Java)** 、**[Nodejs](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_后台服务端学习笔记/Nodejs)** 、**[JavaScript笔记](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_前端开发学习笔记/HTML+CSS+JS基础笔记/JavaScript笔记)**、**[编程工具使用笔记](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_前端开发学习笔记/A_前端工具使用笔记)** 、**[ES6及后续版本学习笔记](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_前端开发学习笔记/ES6及后续版本学习笔记)** 、**[Vue笔记整合](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_前端开发学习笔记/Vue笔记整合)** 、**[React笔记](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_前端开发学习笔记/React笔记)**、**[微信小程序学习笔记](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_前端开发学习笔记/微信小程序学习笔记)**、**[Chrome开发使用及学习笔记](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_前端开发学习笔记/Chrome开发使用及学习笔记)** 以及许多其他笔记就不一一例举了 # #说明 >本笔记是本人`ES全系统详细学习笔记`,将ES系列全部梳理一遍,包括新特性等,后续ES系列也会不间断的补充至此笔记中 > >观阅或查阅的资料:[[阮一峰的ES6文档](https://www.bookstack.cn/read/es6-3rd/sidebar.md)]、[[尚硅谷Web前端ES6教程, 涵盖ES6-ES11](https://www.bilibili.com/video/BV1uK411H7on?share_source=copy_web)]、华为云的 [[js高手之路] es6系列教程](https://www.huaweicloud.com/articles/dcc4c743622e8a481b33b65d27990c95.html) ; [[JowayYoung的1.5万字概括ES6全部特性(已更新ES2020)](https://juejin.cn/user/2330620350432110)]、[ES6系列教程第二篇--Iterator 详解](https://daimajiaoliu.com/daima/4ed4f6a37900410);W3Cschool的[ES6 中文教程](https://www.w3cschool.cn/escript6/);博客园的[JavaScript ES6 Symbol.hasInstance的理解. ](https://www.cnblogs.com/waitforyou/p/7080591.html) > >笔记中每部分都会首先给出[`概括总结`],总结概括此部分知识点,然后再于下方给出知识点详解 > >必要的预备前置知识点: [JavaScript基础以及进阶知识点](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_前端开发学习笔记/HTML+CSS+JS基础笔记/JavaScript笔记) -->其中 [ 进阶 ] 笔记部分需要重点掌握 > # 一、ECMAScript引出 > JS基础要会再看这个,不然容易造成基础不牢的后果,此部分`类似JS语法糖`,请相信我不会害你的 > > 必要的预备前置知识点: [JavaScript基础以及进阶知识点](https://gitee.com/hongjilin/hongs-study-notes/tree/master/编程_前端开发学习笔记/HTML+CSS+JS基础笔记/JavaScript笔记) -->其中 [ 进阶 ] 笔记部分需要重点掌握 ## 1、什么是 ECMA和ECMAScript >`ECMA`（European Computer Manufacturers Association）中文名称为欧洲计算机制 造商协会, 这个组织的目标是评估、开发和认可电信和计算机标准. 1994 年后该 组织改名为 Ecma 国际. > >`ECMAScript` 是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言. ## 2、ECMA-262 >Ecma 国际制定了许多标准, 而 ECMA-262 只是其中的一个, 所有标准列表查看 -->[点我传送](https://www.ecma-international.org/publications-and-standards/standards/) ### Ⅰ-ECMA-262 历史 >ECMA-262（ECMAScript）历史版本查看网址: -->[点我传送](https://www.ecma-international.org/publications-and-standards/standards/ecma-262/) > >| 版数 | 年份 | 内容 | >| :-------: | :----------------: | ------------------------------------------------------------ | >| 第 1 版 | 1997 年 | 制定了语言的基本语法 | >| 第 2 版 | 1998 年 | 较小改动 | >| 第 3 版 | 1999 年 | 引入正则、异常处理、格式化输出等. IE 开始支持 | >| 第 4 版 | 2007 年 | 过于激进, 未发布 | >| 第 5 版 | 2009 年 | 引入严格模式、JSON , 扩展对象、数组、原型、字符串、日期方法 | >| `第 6 版` | `2015 年` | 模块化、面向对象语法、 Promise、箭头函数、let、 const、数组解构赋值等等<br />因为发布内容很多,堪称里程碑,所以我们目前通常主要学这个 | >| 第 7 版 | 2016 年 | 幂运算符、数组扩展、 Async/await 关键字 | >| 第 8 版 | 2017 年 | Async/await、字符串扩展 | >| 第 9 版 | 2018 年 | 对象解构赋值、正则扩展 | >| 第 10 版 | 2019 年 | 扩展对象、数组方法 | >| ES.next | 动态指向下一个版本 | `后续学到我会进行补充` | > >`注: 从 ES6 开始, 每年发布一个版本, 版本号比年份最后一位大 1` > >所以有些文章上提到的`ES7`(实质上是`ES2016`)、`ES8`(实质上是`ES2017`)、`ES9`(实质上是`ES2018`)、`ES10`(实质上是`ES2019`)、`ES11`(实质上是`ES2020`), 实质上都是一些不规范的概念. 从ES1到ES6 , 每个标准都是花了好几年甚至十多年才制定下来, 你一个ES6到ES7 , ES7到ES8 , 才用了一年, 按照这样的定义下去, 那不是很快就ES20了. 用正确的概念来说ES6目前涵盖了**ES2015**、**ES2016**、**ES2017**、**ES2018**、**ES2019**、**ES2020**. ### Ⅱ-谁在维护 ECMA-262 >TC39（Technical Committee 39）是推进 ECMAScript 发展的委员会. 其会员都是公司（`其中主要是浏览器厂商`:有苹果、谷歌、微软、因特尔等）. TC39 定期 召开会议, 会议由会员公司的代表与特邀专家出席 ## 3、为什么要重点学习 ES6 >* ES6 的版本变动内容最多, 具有里程碑意义 >* ES6 加入许多新的语法特性, 编程实现更简单、高效 >* ES6 是前端发展趋势, 就业必备技能 >* 实际上ES系列的知识点基本上都要掌握,才能写出逼格更高的代码:dog: ## 4、ES6 兼容性 >可以查看gitHub上的这个图-->[点我传送](http://kangax.github.io/compat-table/es6/) # 二、ECMASript 6 新特性 > 想要查看更权威的官方ES6文档,可以看 [阮一峰的ES6文档](https://www.bookstack.cn/read/es6-3rd/sidebar.md) > > 此部分将记录由 **ES6提出以及后续补充的** ,但不仅限于 ES6新增内容, 比如 **Promise**是ES6提出的,但是例如`Promise.allSettled()` 该方法由 [ES2020](https://github.com/tc39/pro