共9000余字，阅读需要10分钟左右。 对于前端来说，github 就是宝藏。做任何事情，一定要专业，很多知识都是可以找到的，尤其在前端，有很多很好的东西就摆在你的面前。好的组件源代码，好的设计模式，好的测试方案，好的代码结构，你都可以触手可及，所以不要觉得不会， coding…

*观察者模式(Observer Pattern)*在 Javascript 中应用非常普遍，本文会首先明确观察者模式在 Javascript 的基本实现方式，然后着眼与当前流行的工具库 —— RxJS —— 进一步研究观察者模式在其中的实现原理。 观察者模式定义对象间的一种一对…

0. 前言 1. 基于Prototype的OOP 这是我们使用原型的一个很简单的例子，Person具有名字和性别，Man是一个性别为男的Person，Jy是一个Man。我们先记住这一个例子，下面将使用class重写这个例子。 2. ES6 Class的OOP 我们通过重写这个例…

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的…

在说 opener 之前，可以先聊聊 <iframe> 中的 parent。 我们知道，在 <iframe> 中提供了一个用于父子页面交互的对象，叫做 window.parent，我们可以通过 window.parent 对象来从框架中的页面访问父级页面的 window。 op…

在本地 Cache-Control > Expires，Pragma 在不支持 Cache-Control 时生效。 public 表明响应可以被任何对象（包括：发送请求的客户端，代理服务器，等等）缓存。 private 表明响应只能被单个用户缓存，不能作为共享缓存（即代理服务…

设计原则(SOLID) 单一职责模式(S) 里式替换原则(L) 开放封闭原则(O) 接口隔离原则(I) 依赖倒置原则(D) 设计模式 工厂模式 示例 你去购买汉堡，直接点餐、取餐，不会自己亲手做 商店

再到现在的vue中，emit和on方法。他们都似乎不约而同的自带了发布订阅属性一般，让开发变得更加高效好用起来 就这两点吗？没错，点不在多，够用就行。我们都知道有一句很著名的谚语，罗马不是一天建成的 当然，胖子也不是一天吃成的。所以我们要想实现一个自己的发布订阅模式，以后在工作…

我们知道Javascript作为一种动态语言，性能方面与c#,Java之类的静态语言相比存在着一定的差距。而随着Web技术的发展，对Javascript的执行效率提出越来越高的要求。为了追求更好的性能，V8引擎借鉴了大量的静态语言编译技术来优化引擎的执行效率。比如V8引擎放弃生…