HTML5教程

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

本文主要是介绍【十月打卡】第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
这篇关于【十月打卡】第65天 前端常用的7种设计模式(1)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!