你是否曾经在JavaScript代码中迷失过？ 是否曾经感到自己的代码像一团乱麻？ 别担心，这就是我们需要设计模式的时候了！ 让我们一起探索这些神奇的模式，让你的代码变得像个天才！ 序言 总体来说设计

本篇分两个部分进行介绍，第一部分为JS的基础知识，主要介绍设计模式中一些相关的周边知识，例如JS的面向对象、this的指向以及闭包和高阶函数的应用。第二部分为正片部分，主要介绍JS的16种设计模式。 编程语言按照数据类型大体可以分为两类，一类是静态类型语言，一类是动态类型语言。…

看完这些问题，是不是激动的一笔，激动了，说明你又要进步成长了。 先哈两句，活跃一下气氛。然后通过提出问题，回答问题，然后结合生活例子和代码，来全方位阐述设计原则知识。 哈哈哈哈，那我只能说，你是光，你是电，你是唯一的神话。 大家有没有这种感觉，没有没关系，我举几个例子，大家就明…

在翻阅设计模式的文章中，很多文章都是将观察者模式等同于发布订阅模式，虽然两者在本质一样，但在设计思想上还是存在一些差异的；今天我们来看一下两者有什么异同，以及在Vue源码中是如何利用发布订阅模式来实现数据响应式的。 我们回到观察者模式的定义，它定义一种一对多的关系；这里的一我们…

名字吓人。结果天天使用。 程序自动地去读取数据库里面一行行的员工信息，然后把拿到的姓名、年龄职业等字段塞进User函数里，进行一个简单的调用。 场景: 区分员工的职业。如果是码农就写Bug。如果老板就会所。 总结: 工厂模式的简单之处，在于它的概念相对好理解：将创建对象的过程单…

面向切面编程（Aspect-oriented programming，AOP）是一种编程范式。做后端 Java web 的同学，特别是用过 Spring 的同学肯定对它非常熟悉。AOP 是 Spring 框架里面其中一个重要概念。可是在 Javascript 中，AOP 是一…

在这个打死不做兼容的前端时代，我们开发者会用谷歌浏览器，但是有些用户没有安装 Chrome 浏览器，或者是装了其他各式各样的杂牌浏览器内核可能是用的 Chrome 但是有些渲染机制却千姿百态，比如 Edge 360 等等浏览器都是，所以单单使用判断内核是没用的，所以我们需要判断…