如果你想成为更优秀的程序员，如果你不满足于目前的代码质量，如果你不想你的代码成为屎山的一部分，那么你有必要阅读本文来了解整洁代码

整本书读下来，总的来说，除了老生常谈的几大经典设计模式外，重点就是划分好系统的边界，组织好依赖关系，区分哪些属于高层的业务层，哪些是外层的细节层。 结构式编程，面向对象编程，函数式编程。 一个模块应该有且只有一个原因来改变 A module should have one, a…

观察者模式和发布订阅这两个东西听起来都不陌生，但是它们的差异究竟是什么，以及它们有何关联，让我们重新认识一下这两个概念。

在JavaScript中创建一个对象很容易，首先声明一个函数保存在一个变量里。按编程习惯一般将这个变量名的首字母大写。然后内部通过this变量来添加属性或者方法来实现对类添加属性和行为。 当然，我们也可以通过在类的原型上添加属性和方法。有两种方式： 这样，我们就将我们所需要的方…

ES 中没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。 ES 支持面向对象编程，但不使用类或者接口。对象可以在代码执行过程中创建和增强，因此具有动态性而非严格定义的实体。 每个对象都是基于一个引用类型创建的，这个引用类型可以是原生类型，也可以是开发人员定义的类型。…

前端似乎很少谈设计思想，大部分的编程思想和设计模式都是来自于后端的经验和总结。但是随着前端工程化越来越重，促使我们这些前端切图仔也不得不开始关注编程思想和设计模式。从面向过程到面向对象，所有编程理念和思想的提出，本质上是为了调和程序员稳定的个体智力水平和程序不断上升的复杂度之间…

限于个人能力，如有错漏之处，烦请不吝赐教。 我在最近的工作中开始使用 Vue 进行开发，但是我在上一家公司积累了三年以上 React 开发经验。虽然在两种不同的前端框架之间进行切换确实需要学习很多，但是二者之间在很多基础概念、设计思路上是相通的。其中之一就是组件设计，包括组件层…

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

一个组件的复杂度，主要来源就是自身的状态；即组件自身需要维护多少个不依赖于外部输入的状态。 组件开发中，如何将数据和UI解耦，是最重要的工作。 组件开发过程中，时刻谨记、思考是否符合以下的原则，可以帮助你开发一个更完善的通用组件。 如fetch请求和渲染逻辑，应该分离。因为fe…