javascript 设计模式系统讲解与应用
面试敲门砖/进阶垫脚石/设计有模式/代码更合理
从“写好代码”到“规划代码”的进程，不仅是技能的提高，更是编程思维的提高，而这其中最关键的就是规划形式，是否理解并掌握规划形式，也是衡量程序员能力的标准之一。
合适人群
工作1-3年的前端工程师，或许根底较好的应届毕业生
技术储备要求
了解面向对象思维，熟练运用jQuery或相似工具库，
有 ES6 语法根底，用过 Node.js 和 npm ，
了解 react 和 Vue 的用法（看过文档、做过 demo)
[wm_notice]链接：https://pan.baidu.com/s/19Mwa6kfHrBzRtoNQxd9iAw
提取码：ruuh
–来自百度网盘超级会员V1的分享[/wm_notice]
章节目录：
-
第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)
