前端面试必看！！

快速掌握前端必会的7种设计模式【完结】{1}--第1章课程介绍

• [1.1]--1-1导学【海量资源：aliyue.net】.mp4
• [1.2]--1-2-下载课程源代码和电子书【海量资源：aliyue.net】.mp4
  

{2}--第2章面向对象OOP和UML类图-前端开发的必备编程思想

• (2.1)--2-2章介绍-讲义【海量资源：aliyue.net】.pdf
• (2.2)--2-4TS简介-讲义【海量资源：aliyue.net】.pdf
• (2.3)--2-8什么是面向对象-讲义【海量资源：aliyue.net】.pdf
• (2.4)--2-12UML类图【海量资源：aliyue.net】.pdf
• (2.5)--2-17章总结-讲义【海量资源：aliyue.net】.pdf
• [2.1]--2-1章介绍【海量资源：aliyue.net】.mp4
• [2.2]--2-3Typescript介绍-前端最热门的编程语言【海量资源：aliyue.net】.mp4
• [2.3]--2-5Typescript基础类型【海量资源：aliyue.net】.mp4
• [2.4]--2-6Typescript自定义类型和interface【海量资源：aliyue.net】.mp4
• [2.5]--2-7面向对象-前端主流的编程思想【海量资源：aliyue.net】.mp4
• [2.6]--2-9面向对象重要概念-类和实例【海量资源：aliyue.net】.mp4
• [2.7]--2-10面向对象三要素-继承，封装，多态【海量资源：aliyue.net】.mp4
• [2.8]--2-11Vue和React组件也是对象【海量资源：aliyue.net】.mp4
• [2.9]--2-13UML类图-单个类【海量资源：aliyue.net】.mp4
• [2.10]--2-14UML类图-类之间的关系【海量资源：aliyue.net】.mp4
• [2.11]--2-15UML类图-关联关系的细化【海量资源：aliyue.net】.mp4
• [2.12]--2-16章总结【海量资源：aliyue.net】.mp4
  

{3}--第3章设计原则-设计模式只是套路，设计原则是指导思想

• (3.1)--3-2章介绍【海量资源：aliyue.net】.pdf
• (3.2)--3-3设计原则-讲义【海量资源：aliyue.net】.pdf
• (3.3)--3-7UNIXLinux设计哲学-讲义【海量资源：aliyue.net】.pdf
• (3.4)--3-9介绍23种设计模式-讲义【海量资源：aliyue.net】.pdf
• (3.5)--3-11章总结-讲义【海量资源：aliyue.net】.pdf
• [3.1]--3-1章介绍【海量资源：aliyue.net】.mp4
• [3.2]--3-4-设计原则-感性与理性【海量资源：aliyue.net】.mp4
• [3.3]--3-5SOLID五大设计原则-软件设计和开发的参考标准【海量资源：aliyue.net】.mp4
• [3.4]--3-6Unix-Linux设计哲学-前辈们总结出来的经验【海量资源：aliyue.net】.mp4
• [3.5]--3-8介绍23种设计模式【海量资源：aliyue.net】.mp4
• [3.6]--3-10章总结【海量资源：aliyue.net】.mp4
  

{4}--第4章工厂模式-封装实例的创建过程，解放VueReact内部都在

• (4.1)--4-2章介绍-讲义【海量资源：aliyue.net】.pdf
• (4.2)--4-3工厂模式介绍-讲义【海量资源：aliyue.net】.pdf
• (4.3)--4-7演示-讲义【海量资源：aliyue.net】.pdf
• (4.4)--4-10场景-讲义【海量资源：aliyue.net】.pdf
• (4.5)--4-12章总结-讲义【海量资源：aliyue.net】.pdf
• [4.1]--4-1章介绍【海量资源：aliyue.net】.mp4
• [4.2]--4-4什么是工厂模式，它主要解决什么问题【海量资源：aliyue.net】.mp4
• [4.3]--4-5工厂模式代码演示和UML类图-简易版本【海量资源：aliyue.net】.mp4
• [4.4]--4-6工厂模式代码演示和UML类图-标准版本【海量资源：aliyue.net】.mp4
• [4.5]--4-8工厂模式的场景-jQuery【海量资源：aliyue.net】.mp4
• [4.6]--4-9工厂模式的场景-Vue和React的createEleme【海量资源：aliyue.net】.mp4
• [4.7]--4-11章总结【海量资源：aliyue.net】.mp4
  

{5}--第5章单例模式-全局只允许有一个实例，多则出错（用TS语法实现更

• (5.1)--5-2章介绍-讲义【海量资源：aliyue.net】.pdf
• (5.2)--5-6单例模式的演示-讲义【海量资源：aliyue.net】.pdf
• (5.3)--5-9章总结-讲义【海量资源：aliyue.net】.pdf
• [5.1]--5-1章介绍【海量资源：aliyue.net】.mp4
• [5.2]--5-3什么是单例模式，它解决什么问题【海量资源：aliyue.net】.mp4
• [5.3]--5-4单例模式的演示-使用Typescript【海量资源：aliyue.net】.mp4
• [5.4]--5-5单例模式的演示-使用Javascript【海量资源：aliyue.net】.mp4
• [5.5]--5-7单例模式的场景-登录框【海量资源：aliyue.net】.mp4
• [5.6]--5-8章总结【海量资源：aliyue.net】.mp4
  

{6}--第6章观察者模式-前端（及其他UI编程）最常用的设计模式，工作必

• (6.1)--6-2章介绍-讲义【海量资源：aliyue.net】.pdf
• (6.2)--6-4观察者模式-讲义【海量资源：aliyue.net】.pdf
• (6.3)--6-10观察者模式的场景-讲义【海量资源：aliyue.net】.pdf
• (6.4)--6-12vs发布订阅模式-讲义【海量资源：aliyue.net】.pdf
• (6.5)--6-17章总结-讲义【海量资源：aliyue.net】.pdf
• [6.1]--6-1章介绍【海量资源：aliyue.net】.mp4
• [6.2]--6-3什么是观察者模式，它解决什么问题【海量资源：aliyue.net】.mp4
• [6.3]--6-5观察者模式代码演示和UML类图【海量资源：aliyue.net】.mp4
• [6.4]--6-6观察者模式的场景-Vue组件生命周期【海量资源：aliyue.net】.mp4
• [6.5]--6-7-观察者模式的场景-Vuewatch【海量资源：aliyue.net】.mp4
• [6.6]--6-8-观察者模式的场景-各种异步回调函数【海量资源：aliyue.net】.mp4
• [6.7]--6-9-观察者模式的场景-MutationObserver【海量资源：aliyue.net】.mp4
• [6.8]--6-11观察者模式和发布订阅模式的区别【海量资源：aliyue.net】.mp4
• [6.9]--6-13发布订阅模式的场景-自定义事件-Vue3推荐使用mitt【海量资源：aliyue.net】.mp4
• [6.10]--6-14发布订阅模式的场景-postMessage通讯【海量资源：aliyue.net】.mp4
• [6.11]--6-15组件销毁前off自定义事件【海量资源：aliyue.net】.mp4
• [6.12]--6-16章总结【海量资源：aliyue.net】.mp4
  

{7}--第7章迭代器模式-遍历数据不仅仅是for和forEach，还有I

• (7.1)--7-1章介绍-讲义【海量资源：aliyue.net】.pdf
• (7.2)--7-4迭代器介绍-讲义【海量资源：aliyue.net】.pdf
• (7.3)--7-5迭代器模式-UML类图和代码演示-讲义【海量资源：aliyue.net】.pdf
• (7.4)--7-7迭代器模式的场景-讲义【海量资源：aliyue.net】.pdf
• (7.5)--7-14章总结-讲义【海量资源：aliyue.net】.pdf
• [7.1]--7-2章介绍【海量资源：aliyue.net】.mp4
• [7.2]--7-3普通for循环不是迭代器【海量资源：aliyue.net】.mp4
• [7.3]--7-6迭代器模式-UML类图和代码演示【海量资源：aliyue.net】.mp4
• [7.4]--7-8迭代器模式的场景-JS中的有序结有那些？【海量资源：aliyue.net】.mp4
• [7.5]--7-9迭代器模式的场景-JS内置迭代器Symbol.iterat【海量资源：aliyue.net】.mp4
• [7.6]--7-10迭代器的场景-自定义简易迭代器【海量资源：aliyue.net】.mp4
• [7.7]--7-11迭代器模式的场景-迭代器在JS中的实际应用【海量资源：aliyue.net】.mp4
• [7.8]--7-12迭代器模式的场景-Generator生成器【海量资源：aliyue.net】.mp4
• [7.9]--7-13迭代器模式的场景-使用Generator遍历DOM树【海量资源：aliyue.net】.mp4
• [7.10]--7-15章总结【海量资源：aliyue.net】.mp4
  

{8}--第8章原型模式-原型和原型链是JS必备的基础知识，还扩展了JS对

• (8.1)--8-1章介绍-讲义【海量资源：aliyue.net】.pdf
• (8.2)--8-3原型模式的介绍和演示-讲义【海量资源：aliyue.net】.pdf
• (8.3)--8-6原型和原型链-讲义【海量资源：aliyue.net】.pdf
• (8.4)--8-8原型模式的场景-讲义【海量资源：aliyue.net】.pdf
• (8.5)--8-10JS对象属性描述符-讲义【海量资源：aliyue.net】.pdf
• (8.6)--8-17章总结-讲义【海量资源：aliyue.net】.pdf
• [8.1]--8-2章介绍【海量资源：aliyue.net】.mp4
• [8.2]--8-4原型模式的介绍和演示【海量资源：aliyue.net】.mp4
• [8.3]--8-5JS原型的基础知识-prototype和__proto__【海量资源：aliyue.net】.mp4
• [8.4]--8-7图解JS原型链【海量资源：aliyue.net】.mp4
• [8.5]--8-9原型模式的场景-Object.create【海量资源：aliyue.net】.mp4
• [8.6]--8-11对象属性描述符-如何获取和设置【海量资源：aliyue.net】.mp4
• [8.7]--8-12对象属性描述符-value【海量资源：aliyue.net】.mp4
• [8.8]--8-13对象属性描述符-configurable【海量资源：aliyue.net】.mp4
• [8.9]--8-14-对象属性描述符-writable-对比Object.f【海量资源：aliyue.net】.mp4
• [8.10]--8-15对象属性描述符-ennumerable【海量资源：aliyue.net】.mp4
• [8.11]--8-16扩展-如何遍历对象的Symbol属性【海量资源：aliyue.net】.mp4
• [8.12]--8-18章总结【海量资源：aliyue.net】.mp4
  

{9}--第9章装饰器模式-Decorator现已是JS的标准语法，装饰器

• (9.1)--9-1章介绍-讲义【海量资源：aliyue.net】.pdf
• (9.2)--9-3装饰器模式介绍-讲义【海量资源：aliyue.net】.pdf
• (9.3)--9-5演示-讲义【海量资源：aliyue.net】.pdf
• (9.4)--9-7装饰器模式的场景-讲义【海量资源：aliyue.net】.pdf
• (9.5)--9-12章总结-讲义【海量资源：aliyue.net】.pdf
• (9.6)--9-15扩展-AOP介绍【海量资源：aliyue.net】.pdf
• [9.1]--9-2章介绍【海量资源：aliyue.net】.mp4
• [9.2]--9-4什么是装饰器模式，它解决什么问题【海量资源：aliyue.net】.mp4
• [9.3]--9-6装饰器模式的UML类图和代码演示【海量资源：aliyue.net】.mp4
• [9.4]--9-8装饰器模式的场景-装饰class【海量资源：aliyue.net】.mp4
• [9.5]--9-9装饰器模式的场景-装饰class方法【海量资源：aliyue.net】.mp4
• [9.6]--9-10装饰器模式的场景-Angular和React-redux【海量资源：aliyue.net】.mp4
• [9.7]--9-11装饰器模式的场景-AOP面向切面编程【海量资源：aliyue.net】.mp4
  

{10}--第10章代理模式-无论开发环境还是线上环境，编程处处有代理icl

• (10.1)--10-1章介绍-讲义【海量资源：aliyue.net】.pdf
• (10.2)--10-3什么是代理模式-讲义【海量资源：aliyue.net】.pdf
• (10.3)--10-5代理模式的UML类图和代码演示-讲义【海量资源：aliyue.net】.pdf
• (10.4)--10-7代理模式的场景-讲义【海量资源：aliyue.net】.pdf
• (10.5)--10-11Proxy的使用场景-讲义【海量资源：aliyue.net】.pdf
• (10.6)--10-15Proxy的注意事项-讲义【海量资源：aliyue.net】.pdf
• (10.7)--10-16章总结-讲义【海量资源：aliyue.net】.pdf
• [10.1]--10-2章介绍【海量资源：aliyue.net】.mp4
• [10.2]--10-4什么是代理模式，它解决了什么问题【海量资源：aliyue.net】.mp4
• [10.3]--10-6代理模式的UML类图和代码演示【海量资源：aliyue.net】.mp4
• [10.4]--10-8代理模式的场景-DOM事件代理【海量资源：aliyue.net】.mp4
• [10.5]--10-9代理模式的场景-webpack-dev-server的代【海量资源：aliyue.net】.mp4
• [10.6]--10-10代理模式的场景-Nginx反向代理【海量资源：aliyue.net】.mp4
• [10.7]--10-12Proxy语法-模拟明星经纪人示例【海量资源：aliyue.net】.mp4
• [10.8]--10-13Proxy语法会用于哪些地方？【海量资源：aliyue.net】.mp4
• [10.9]--10-14Proxy可能会遇到的坑【海量资源：aliyue.net】.mp4
• [10.10]--10-17章总结【海量资源：aliyue.net】.mp4
  

{11}--第11章其他设计模式-虽然有些模式不常用，但其编程思路很常用ic

• (11.1)--11-1章介绍-讲义【海量资源：aliyue.net】.pdf
• (11.2)--11-3职责链模式-讲义【海量资源：aliyue.net】.pdf
• (11.3)--11-5策略模式-讲义【海量资源：aliyue.net】.pdf
• (11.4)--11-7适配器模式-讲义【海量资源：aliyue.net】.pdf
• (11.5)--11-9章总结-讲义【海量资源：aliyue.net】.pdf
• (11.6)--11-11MVC和MVVM-讲义【海量资源：aliyue.net】.pdf
• [11.1]--11-2章介绍【海量资源：aliyue.net】.mp4
• [11.2]--11-4职责链模式-把一个流程分为多个步骤，链式执行【海量资源：aliyue.net】.mp4
• [11.3]--11-6策略模式-避免大量的if-else或switch-cas【海量资源：aliyue.net】.mp4
• [11.4]--11-8适配器模式-灵活转换数据格式【海量资源：aliyue.net】.mp4
• [11.5]--11-10章总结【海量资源：aliyue.net】.mp4
• [11.6]--11-12关于MVC和MVVM【海量资源：aliyue.net】.mp4
  

{12}--第12章实战演练-看两个面试真题，体会一下设计模式的价值

• (12.1)--12-1章介绍-讲义【海量资源：aliyue.net】.pdf
• (12.2)--12-4面试题-打车【海量资源：aliyue.net】.pdf
• (12.3)--12-6面试题-停车场【海量资源：aliyue.net】.pdf
• (12.4)--12-11章总结-讲义【海量资源：aliyue.net】.pdf
• [12.2]--12-3打车面试题-题目解读和分析【海量资源：aliyue.net】.mp4
• [12.3]--12-5打车面试题-代码演示和UML类图【海量资源：aliyue.net】.mp4
• [12.4]--12-7停车场面试题-题目解读和分析【海量资源：aliyue.net】.mp4
• [12.5]--12-8停车场面试题-代码演示【海量资源：aliyue.net】.mp4
• [12.6]--12-9停车场面试题-UML类图【海量资源：aliyue.net】.mp4
  

{13}--第13章课程总结

• [13.1]--13-1课程总结【海量资源：aliyue.net】.mp4