再学JavaScript ES(611)全版本语法大全
【课程介绍】JS是前端立身之本,不管框架多花哨,不会JS也是白扯。这门课可以帮助你夯实前端基础,掌握最新的ES6到11语法,稳步提升编程能力。课程带你熟练掌握语法,很多依赖第三方库才能做到的事用原生JS寥寥几行代码就可迎刃而解。
【课程目录】
- 第1章 课程介绍&环境搭建本章将介绍学习ES新特性的重要性以及课程特点。JS作为前端的立身之本,通过本课程学习不仅会帮助大家掌握ES6的核心语法,还会掌握到ES7~ES11的相关拓展,同时考虑到很多同学刚刚接触前端或者对工程化方法不太了解,为了帮助大家快速进入到学习状态,课程提供配置完整的ES开发脚手架,开箱即用,让大家不再纠结于环境配置而…
- 1-1 课程介绍
- 1-2 Node安装与NPM源切换
- 1-3 构建开发环境
- 1-1 课程介绍
- 第2章 ECMAScript2015(ES6)之必备知识本章详细介绍ES6中新的声明方式、解构赋值、数组扩展、函数扩展、对象扩展等内容,通过与ES5语法的对比讲解,突显出ES新特性的魅力所在。通过这些必备知识的学习,能够使我们的代码更加严谨,开发效率大大提高。
- 2-1 新的声明方式let(上)
- 2-2 新的声明方式let(下)
- 2-3 新的声明方式const
- 2-4 解构赋值
- 2-5 数组的各种遍历方式
- 2-6 数组的扩展
- 2-7 函数的参数
- 2-8 扩展运算符与rest参数
- 2-9 箭头函数
- 2-10 对象的扩展
- 2-11 深拷贝与浅拷贝(上)
- 2-12 深拷贝与浅拷贝(下)
- 第3章 ECMAScript2015(ES6)之新特性本章详细介绍ES6中引入的新特性包括Class、Symbol、Set、Map、Proxy、Reflect,以及字符串、数值、正则表达式的扩展,通过这些新特性的学习,我们能够更快速的通过这些新特性实现我们想要的功能,更加深刻的体会到ES6的强大之处。…
- 3-1 面向过程与面向对象
- 3-2 ES5中的类与继承
- 3-3 ES6中的类与继承
- 3-4 新的原始数据类型Symbol
- 3-5 新的数据结构Set(上)
- 3-6 新的数据结构Set(下)
- 3-7 新的数据结构Map
- 3-8 字符串的扩展(上)
- 3-9 字符串的扩展(下)
- 3-10 正则表达式的扩展
- 3-11 数值的扩展
- 3-12 代理Proxy(上)
- 3-13 代理Proxy(下)
- 3-14 反射Reflect
- 第4章 ECMAScript2015(ES6)之异步编程与模块化本章详细介绍ES6中异步编程解决方案:Promise与Generator,异步编程是ES中的重点与难点,通过对异步编程必备知识的讲解使大家了解异步编程的关键点与新语法的优势。并且本章还讲解了迭代器Iterator与模块化Module,通过案例使大家了解如何使不可迭代的数据结构也可以通过for…of迭代出来,通过模块化学习可以使我们代码更…
- 4-1 异步操作必备知识
- 4-2 Ajax原理与Callback Hell
- 4-3 异步编程解决方案Promise(1)
- 4-4 异步编程解决方案Promise(2)
- 4-5 异步编程解决方案Promise(3)
- 4-6 异步编程解决方案Promise(4)
- 4-7 Promise的静态方法
- 4-8 异步编程解决方案Generator(上)
- 4-9 异步编程解决方案Generator(下)
- 4-10 迭代器Iterator
- 4-11 模块化Module
- 4-1 异步操作必备知识
- 第5章 ECMAScript2016(ES7)之数组&数值拓展ES7相当于ES6.1版,相较ES6新增了数组实例的includes方法和幂运算符。
- 5-1 数组扩展:Array.prototype.includes()
- 5-2 数值扩展:幂运算符
- 第6章 ECMAScript2017(ES8)之异步编程&对象拓展ES8扩展了更加优雅的异步编程解决方案,同时在Object、String等方面做了进一步的功能补充,让代码编写更加优雅。
- 6-1 异步编程解决方案Async Await
- 6-2 对象扩展:Object.values(),Object.entries()
- 6-3 对象属性描述:Object.getOwnPropertyDescriptors()
- 6-4 字符串扩展:String.prototype.padStart(),String.prototype.padEnd()
- 6-5 尾逗号Trailing commas
- 第7章 ECMAScript2018(ES9)之异步迭代&对象操作升级ES9为异步迭代提供了更好的解决方案,同时对正则表达式、Object、String进行了功能扩展,并且更加丰富了Promise对象的方法。
- 7-1 异步迭代:for await of
- 7-2 正则表达式扩展:dotAll,具名组匹配,后行断言
- 7-3 对象扩展:Rest & Spread
- 7-4 Promise扩展:Promise.prototype.finally()
- 7-5 字符串扩展:放松模板字符串文字限制
- 第8章 ECMAScript2019(ES10)之效率再提升ES10中对Object、String、Array进行了进一步的功能扩展,并且对原有一些能力进行了增强,让代码编写更加高效。
- 8-1 对象扩展:Object.fromEntries()
- 8-2 字符串扩展:String.prototype.trimStart() ,String.prototype.trimEnd()-
- 8-3 数组扩展:Array.prototype.flat(),Array.prototype.flatMap()
- 8-4 修订Function.prototype.toString()-
- 8-5 可选的Catch Binding
- 8-6 JSON扩展:JSON superset,JSON.stringify()增强能力
- 8-7 Symbol扩展:Symbol.prototype.description
- 第9章 ECMAScript2020(ES11)之新特性初探ES11正式版将在2020年6月份正式发布,本章中对已通过定案阶段的语法进行讲解。这个版本扩充了原型数据类型BigInt,并扩展了多个实用的新功能。
- 9-1 全局模式捕获:String.prototype.matchAll()
- 9-2 动态导入:Dynamic import()
- 9-3 新的原始数据类型:BigInt
- 9-4 Promise扩展:Promise.allSettled()
- 9-5 全局对象:globalThis
- 9-6 可选链:Optional chaining
- 9-7 空值合并运算符:Nullish coalescing Operator
- 第10章 ES新特性在Vue实战中的应用Vue是很多前端同学必用的框架,如何把原生语法在Vue项目里运用的活灵活现至关重要,在本章中,将带领大家通过Vue CLI构建Vue开发环境,并通过实际需求讲解ES新特性在实战项目中的应用,着重讲解异步操作的使用,学的懂,更要用的活,才是真正的掌握。…
- 10-1 初始化环境
- 10-2 获取用户信息列表
- 10-3 使用Proxy代理用户信息
- 10-4 图片上传逻辑与阿里云OSS使用
- 10-5 异步操作多张图片上传云存储
- 10-6 更加优雅的异步操作
- 10-7 组件按需加载
- 第11章 Webpack构建环境针对当前浏览器中无法全部兼容新语法的问题,我们需要通过构建的方式把代码转换成浏览器可兼容的代码,而Webpack的使用已经成为前端开发工程师的必备技能之一!本章将通过Webpack完成开发环境构建,最终帮助浏览器能够准确的识别ES的语法。 …
- 11-1 Webpack核心概念
- 11-2 Webpack配置
- 11-3 Webpack配置优化
- 11-4 Babel配置
- 第12章 课程回顾本章对整体课程进行回顾与总结,并给出大家学习建议。
- 12-1 课程总结