第1章 课程介绍 试看1 节 | 8分钟

学习规划形式的必要性，课程包含的知识点，课程安排，学习前提

收起列表

• 视频：1-1 导学 (07:44)试看

第2章 面向目标 试看13 节 | 95分钟

解说JavaScript中的面向目标的概念，包含 ES6 class 语法、UML 类图、以及面向目标三要素

收起列表

• 视频：2-1 建立开发环境1 (09:26)
• 视频：2-2 建立开发环境2 (07:05)
• 视频：2-3 建立开发环境3 (05:35)
• 视频：2-4 建立开发环境4 (01:02)
• 视频：2-5 什么是面向目标 (05:54)试看
• 视频：2-6 面向目标-承继 (09:05)
• 视频：2-7 面向目标-封装 (12:47)
• 视频：2-8 面向目标-多态 (06:41)
• 视频：2-9 面向目标-使用举例 (09:34)
• 视频：2-10 面向目标-总结 (07:12)
• 视频：2-11 UML类图1-介绍 (07:25)
• 视频：2-12 UML类图2-联系 (07:49)
• 视频：2-13 总结 (04:31)

第3章 规划准则 试看13 节 | 102分钟

规划准则是了解规划形式的根底，是从规划到形式的过度。本章介绍何为规划，5大准则，别的，还会解说两个关于面向目标与规划准则的实在面试题。

收起列表

• 视频：3-1 规划准则-介绍 (07:01)试看
• 视频：3-2 规划准则-何为规划1 (13:54)
• 视频：3-3 规划准则-何为规划2 (04:21)
• 视频：3-4 规划准则-5大准则 (13:40)
• 视频：3-5 用promise演示 (06:37)
• 视频：3-6 规划形式简介 (02:54)
• 视频：3-7 23种规划形式介绍 (09:44)
• 视频：3-8 面试真题1-介绍 (03:04)
• 视频：3-9 面试真题1-回答 (11:30)
• 视频：3-10 面试真题2-介绍 (05:35)
• 视频：3-11 面试真题2-画图 (04:40)
• 视频：3-12 面试真题2-编码 (16:12)
• 视频：3-13 总结 (01:44)

第4章 工厂形式2 节 | 20分钟

工厂形式是我们最常用的实例化目标形式，本章介绍工厂形式的基本概念，以快餐店汉堡作为生活实例加深了解，解说并制作了UML类图，最终列举了JS中的常见运用场景，如 jquery中的$，React.createElement，vue 异步组件等

收起列表

• 视频：4-1 工厂形式-介绍 (05:08)
• 视频：4-2 工厂形式-演示和场景 (14:20)

第5章 单例形式3 节 | 24分钟

单例形式的核心结构中只包含一个被称为单例的特殊类。概念、UML类图仍是有必要，本章运用的场景是 jquery中只要一个$，redux 和 vuex 的 store，一个体系中只要一套登录逻辑

收起列表

• 视频：5-1 单例形式-介绍 (07:08)
• 视频：5-2 单例形式-演示 (05:32)
• 视频：5-3 单例形式-场景(jq的$和登录框逻辑)和总结 (10:56)

第6章 适配器形式3 节 | 16分钟

将一个类的接口适配成用户所期待的，这就是适配器。替换老项目中jquery的$.ajax，vue上钩算机属性computed的运用，都可以看作是适配器形式。

收起列表

• 视频：6-1 适配器形式-介绍 (04:40)
• 视频：6-2 适配器形式-演示 (02:00)
• 视频：6-3 适配器形式-场景(封装旧接口&Vue的computed) (08:47)

第7章 装修器形式4 节 | 37分钟

装修器形式属于结构型形式，它是作为现有的类的一个包装，答应向一个现有的目标添加新的功能，一起又不改变其结构。本章同样介绍概念、UML。一起运用了丰富/实用的场景示例，包含ES7装修器、core-decorators模块等

收起列表

• 视频：7-1 装修器形式-介绍 (08:20)
• 视频：7-2 装修器形式-场景1 (04:22)
• 视频：7-3 装修器形式-场景2(装修类和办法) (15:00)
• 视频：7-4 装修器形式-场景3和总结 (08:20)

第8章 署理形式4 节 | 31分钟

为其他目标提供一种署理以操控对这个目标的访问。网络署理，明星/经纪人的场景恰如其分

收起列表

• 视频：8-1 署理形式-介绍和演示 (06:12)
• 视频：8-2 署理形式-场景1(事情署理和jq的proxy) (09:30)
• 视频：8-3 署理形式-场景2(明星经纪人) (10:49)
• 视频：8-4 署理&适配器&装修形式对比 (03:35)

第9章 外观形式1 节 | 9分钟

本章解说外观形式，解说其概念、示例

收起列表

• 视频：9-1 外观形式 (08:02)

第10章 观察者形式4 节 | 48分钟

观察者形式是前端最常用、最重要的规划形式，如果让你只把握一种规划形式，那肯定就是观察者形式！！！星巴克点咖啡就是比较帖近的生活场景， jquery和nodejs中的自定义事情更是经典的运用

收起列表

• 视频：10-1 观察者形式-介绍和演示 (12:33)
• 视频：10-2 观察者形式-场景1jquery (09:56)
• 视频：10-3 观察者形式-场景2NodeJs自定义事情 (16:32)
• 视频：10-4 观察者形式-其它场景 (08:26)

第11章 迭代器形式5 节 | 41分钟

用于顺序访问调集目标的元素，是的，就是循环。自己封装，通用的循环办法就是迭代器形式的经典完成。

收起列表

• 视频：11-1 迭代器形式-介绍 (09:30)
• 视频：11-2 迭代器形式-演示 (07:34)
• 视频：11-3 迭代器形式-场景(ES6 Iterator)1 (08:16)
• 视频：11-4 迭代器形式-场景2 (04:20)
• 视频：11-5 迭代器形式-代码演示和总结 (11:11)

第12章 状况形式3 节 | 47分钟

关于杂乱的状况管理，如果只用 if…else来判断，扩展性是非常差的。状况形式提出了一种处理杂乱状况变化且扩展性好的规划思路。有限状况机、自己完成Promise等场景的解说，经典而深入

收起列表

• 视频：12-1 状况形式-介绍和演示 (08:05)
• 视频：12-2 状况形式-场景1(有限状况机) (18:13)
• 视频：12-3 状况形式-场景2(写一个promise) (20:31)

第13章 其他规划形式12 节 | 82分钟

本章统一解说一些 JS 中运用不是很频繁的规划形式。尽管不常用，可是也要了解其概念和用意。

收起列表

• 视频：13-1 其他规划形式概述 (03:19)
• 视频：13-2 原型形式 (09:12)
• 视频：13-3 桥接形式 (04:26)
• 视频：13-4 组合形式 (06:20)
• 视频：13-5 享元形式 (05:48)
• 视频：13-6 策略形式 (07:18)
• 视频：13-7 模板办法形式和责任连形式 (08:35)
• 视频：13-8 指令形式 (09:46)
• 视频：13-9 备忘录形式 (11:14)
• 视频：13-10 中介者形式 (09:09)
• 视频：13-11 访问者形式和解释器形式 (02:51)
• 视频：13-12 关于面试和日常运用 (03:16)

第14章 归纳使用10 节 | 101分钟

规划形式好学，不易用。最难的是不知道在什么场景下应该运用什么形式。本章以一个简略的购物车归纳示例来演示几个常用的规划形式怎么落地运用，包含项目的剖析、规划、编码和规划形式解析。

收起列表

• 视频：14-1 归纳使用-介绍和演示 (08:17)
• 视频：14-2 归纳使用-UML类图剖析 (11:10)
• 视频：14-3 归纳使用-画UML类图 (08:40)
• 视频：14-4 归纳使用-代码根底环境 (10:41)
• 视频：14-5 归纳使用-完成List组件 (13:58)
• 视频：14-6 归纳使用-完成item&cart (17:31)
• 视频：14-7 归纳使用-状况形式完成购物车操作 (07:55)
• 视频：14-8 归纳使用-完成购物车列表和折扣 (12:19)
• 视频：14-9 归纳使用-完成日志 (04:21)
• 视频：14-10 归纳使用-总结 (05:38)

第15章 课程总结1 节 | 4分钟

回忆课程脉落，总结课程内容

收起列表

• 视频：15-1 课程总结 (03:15)

第16章 常见问题解析2 节 | 38分钟

讲师针对积累一年的问题，选择活泼问题进行答疑，并解说常见的解题思路。

收起列表

• 视频：16-1 活泼问题解说 part1 (16:53)
• 视频：16-2 活泼问题解说 part2 (20:57)