【十月打卡】第65天 前端常用的7种设计模式(1)

学习一遍忘得快，需要温故而知新

常见的数据结构和算法【温故】

前端常用的7种设计模式【知新】

工厂模式

• jQuery $函数
• Vue _createElementVNode
• React createElement

单例模式

• 登录框
• Vuex store

观察者模式

• DOM事件
• React Vue组件生命周期
• Vue watch
• Vue的组件更新过程
• 自定义事件EventBus
• PostMessage

迭代器模式

• Symbol.iterator
• for…of
• Generator和yield

原型模式

• JS原型和原型链
• Object.create
• 对象属性描述符

装饰器模式

• Decorator语法
• AOP面向切面编程

代理模式

• DOM事件代理
• Webpack devServer
• nginx反向代理
• Proxy和Reflect