本文首发于掘金专栏，发布于廖柯宇的独立博客，转载请保留原文链接。 MVC，MVP和MVVM都是常见的软件架构设计模式（Architectural Pattern），它通过分离关注点来改进代码的组织方式。不同于设计模式（Design Pattern），只是为了解决一类问题而总结出…

如今的编程模型有很多种，常用的是面向过程编程(POP)、面向对象编程(OOP)。其实还有好几种编程模型：面向切面编程(AOP，也就是我们今天要讨论的主题)、响应式编程、函数式编程。每种编程模型都有其对应的应用场景，今天我们只讨论AOP（顺带捎上IoC），其他几种后面有时间可以拿…

这个仓库包含了多种基于 JavaScript 的算法与数据结构，每种算法和数据结构都有自己的 README 并提供相关说明以及进一步阅读和 YouTube 视频。供参考与学习。（分享自：GitHub）

现在业务迭代，需要我们在page.init()初始化代码块的最后增加一些功能，同时不影响原先的功能。按照正常的写法，我们可能会像下面这样写： 这样写是可以解决我们的需求，但是这样的代码是具有侵略性的，我们不得不在原先的代码的合适位置新增我们需要的代码。但我们思考一个问题，如果我…

如果是 Object 那就一定是存放在堆空间的，其他存放在常量池。 不管对错，先猜猜看。 浏览器提供了这么一个方法 document.createElement("div")，通过这种方式，它能够在内存中创建一个 DOM 对象，并且是 HTMLDivElement 的对象。 这…

前端应用在不断壮大的过程中，内部模块间的依赖可能也会随之越来越复杂，模块间的 低复用性 导致应用 难以维护，不过我们可以借助计算机领域的一些优秀的编程理念来一定程度上解决这些问题，接下来要讲述的 IoC 就是其中之一。 嗯，看起来没什么问题，但是实际应用中需求是非常多变的，可能…

发布-订阅模式在开发中的应用其实是很广泛的，比如大家都知道的Vue，使用数据驱动模板的改变，将我们的双手从繁琐的dom操作中解放出来，稍微懂一些原理的同学们都知道，其双向数据绑定就是通过数据劫持、发布

在这里我们先想象一个场景，假设我们是一个售卖手机的网站，前期出过500到200的定金活动，现在已经进入正式购买阶段。已经支付过 500 元定金的用户会收到 100 元的商城优惠券，200 元定金的用户可以收到 50 元的优惠券，而之前没有支付定金的用户只能进入普通购买模式，也就…

最近在持续学习JavaScript的一些设计模式，那么为什么要学习设计模式呢？所谓的设计模式就是在不同的开发场景下，总结出的一种通用解决方案。知道和学习这些设计模式对我们以后的开发将大有裨益，也能让你的能力提升一个层级，接下来就开始我们的实践吧。 这篇文章我们将讲解单例模式，…