观察者模式与发布/订阅模式大概就跟番茄与圣女果的关系一样，剪不断理还乱。也许，我们也听过两种模式之间的一些区别，但我相信，大部分的人对其中差异的感知还是很弱的。

webpack 是用于打包前端资源的绝佳工具。然而，当运行开始变慢时，开箱即用的生态和大量的第三方工具使得优化变得十分困难。虽然性能不佳是一种常态而不是特例。但也不是没有办法来优化，经过几个小时的调研与试错，我完成了这样一份现场指南，可以让我们在加快构建的道路上学到更多知识。 …

最近的后台管理系统页面，功能暂时没有新的需求，就在想首页放什么东西，最近我想到的就是放个所谓的数独，为什么是所谓的数独，因为规则不同于标准的数独，只要求每一行每一列数字不一样就可以了！这个实例也是基于vue的，代码分享给大家。给大家代码，并不是要让大家直接拷贝代码，而是希望能让…

我最近发现了 Flutter —— 谷歌的一个新的移动开发框架，我甚至曾经将 Flutter 基础知识教给没有编程经验的人。Flutter 是用 Dart 编写的，这是一种诞生于 Chrome 浏览器的编程语言，后来改用到了控制台。这不禁让我想到“Flutter 也许可以很轻易…

我通常使用 cli 生成项目骨架再在之基础上进行个人修改。 顾名思义 XXX-CLI 就是使用命令行生成的 XXX 程序。之前写过一款 基于 nodeJs 制作个性 CLI 的教程 如何用node开发自己的cli工具并发布到NPM ， 想详细了解制作流程的可以简单看看。 鉴于使…

1. UI层的松耦合 很多设计模式是为了解决紧耦合的问题。如何做到松耦合，当修改一个组件而不需要更改其它地方的组件的时候，我们可以说这就是做到了松耦合，也是提高代码可维护性的关键所在。 1-1. 将JS从Css中抽离出来 1-2. 将CSS从JS中抽离出来 当需要通过js来修改…

关于chrome extension的开发经验总结或说明文档等资料很多，很多人在写，然而，我也是一员。但是，也许这篇文章，可能给你一些不一样的感受。 后面部分多为一些我在项目中总结的方法，这部分就是在别人的资料可能看不到的地方了，当然，这些方法也许不通用，因为毕竟是基于我项目里…