学习现代 JavaScript 编程的最佳教程

天天编码 , 版权所有丨本文标题：0.0 学习现代 JavaScript 编程的最佳教程 
转载请保留页面地址：http://www.tiantianbianma.com/the-modern-javascript-tutorial.html/

PART 1: JavaScript 语言

在此部分，我们将学习 JavaScript 语言，从零开始，一步一步，逐步掌握像面向对象编程（OOP）这样的高级功能。

此处，我们将专注于 JavaScript 语言本身，不会涉及太多关于特定运行环境的知识点。

JavaScript 简介

• 1.1 JavaScript 简介
• 1.2 代码编辑器
• 1.3 开发者控制台

JavaScript 基础

• 2.1 Hello,world!
• 2.2 代码结构
• 2.3 “use strict”
• 2.4 变量
• 2.5 数据类型
• 2.6 类型转换
• 2.7 操作符
• 2.8 比较
• 2.9 交互:alert,prompt,confirm
• 2.10 条件操作符:if,’?’
• 2.11 逻辑操作符
• 2.12 循环: while 和 for
• 2.13 “switch” 语句
• 2.14 函数
• 2.15 函数表达式和箭头
• 2.16 JavaScript 特性

代码质量

• 3.1 Chrome 调试
• 3.2 编码风格
• 3.3 代码注释
• 3.4 忍者代码
• 3.5 mocha 自动测试
• 3.6 垫片(Polyfill)

对象:基础

• 4.1 对象
• 4.2 垃圾回收
• 4.3 符号类型
• 4.4 对象方法,”this”
• 4.5 对象转原始类型
• 4.6 构造器,”new” 操作符

数据类型

• 5.1 原始类型的方法
• 5.2 数值
• 5.3 字符串
• 5.4 数组
• 5.5 数组方法
• 5.6 可迭代
• 5.7 Map,Set,WeakMap 和 WeakSet
• 5.8 Object.keys, values, entries
• 5.9 拆解赋值
• 5.10 日期与时间
• 5.11 JSON 方法，toJSON

函数：高级特性

• 6.1 递归和堆栈
• 6.2 Rest 参数和 spread 操作符
• 6.3 闭包(Closure)
• 6.4 旧语法：”var”
• 6.5 全局对象
• 6.6 函数对象,NFE
• 6.7 “new Function”
• 6.8 排程:setTimeout and setInterval
• 6.9 装饰者和转发，call/apply
• 6.10 函数绑定
• 6.11 疑难杂症
• 6.12 再谈箭头函数

对象，类，继承

• 7.1 属性标记和描述符
• 7.2 属性 getter和setter
• 7.3 属性继承
• 7.4 F.prototype
• 7.5 原生属性
• 7.6 原型方法
• 7.7 类模式
• 7.8 类
• 7.9 类继承，super
• 7.10 类检查:”instanceof”
• 7.11 混入(Mixins)

错误处理

• 8.1 错误处理：”try..catch”
• 8.2 定制错误,扩展错误

以下内容正在创建中，敬请期待。

以下内容正在创建中，敬请期待。

以下内容正在创建中，敬请期待。

PART 2: 浏览器：文档，事件，界面

学习如何管理浏览器的页面：添加元素，控制它们的大小和位置，动态创建页面和与用户进行交互。

文档(Document)

• 1.1 浏览器环境，规范
• 1.2 文档树
• 1.3 遍历文档
• 1.4 搜索:getElement 和 querySelector
• 1.5 节点属性:类型，标签和内容
• 1.6 Attributes 和 properties
• 1.7 修改文档
• 1.8 Styles 和 classes
• 1.9 元素大小和滚动
• 1.10 窗口大小和滚动
• 1.11 坐标系

事件简介

• 2.1 浏览器事件简介
• 2.2 冒泡和扑获
• 2.3 事件委托
• 2.4 浏览器默认行为
• 2.5 分派自定义事件

事件细节

• 3.1 鼠标事件
• 3.2 移动:mouseover/out,mouseenter/leave
• 3.3 拖动的鼠标事件
• 3.4 键盘:keydown 和 keyup
• 3.5 滚动
• 3.6 页面的生命周期:DOMContentLoaded,load,beforeunload,unload
• 3.7 资源下载:onload 和 onerror

表格(Form)，控制(control)

• 4.1 表格属性和方法
• 4.2 聚焦:focus/blur
• 4.3 事件:change,input,cut,copy,paste
• 4.4 表格提交:事件和方法提交

PART 3: 延伸资料

此部分列举了与本教程密切相关，但是又没有包含在以上两个部分的大量优秀的相关资料。当然，这些资料之间没有必然的层次或先后顺序，读者可以按照自己喜欢的方式随意浏览。

动画(Animation)

• 1.1 Bezier curve
• 1.2 CSS 动画
• 1.3 JavaScript 动画

多窗口页面和窗口(Frames and windows)

• 2.1 弹出菜单和窗口方法
• 2.2 跨窗口互动
• 2.3 点击劫持攻击

正则表达式

• 3.1 模式和标记
• 3.2 正则表达式和字符串的方法
• 3.3 字符类
• 3.4 转义符，特殊字符
• 3.5 Sets 和 ranges
• 3.6 Unicode 标记
• 3.7 量词:+,*,?和{n}
• 3.8 贪婪和懒惰模式
• 3.9 扑获组
• 3.10 Backreferences:\n 和 $n
• 3.11 Alternation(OR)
• 3.12 起始符”^” 和结束符”$”
• 3.13 多行模式,”m”
• 3.14 前瞻算法
• 3.15 无限回溯问题

Promises,async/await

• 4.1 简介：回调
• 4.2 Promise
• 4.3 Promises 链
• 4.4 Promise API
• 4.5 Async/await