通过最近的面试我发现，很多同行小伙伴做了几年的开发竟然连基本的设计模式都不知道，甚至可能连什么是设计模式都说的有点模棱两可。 如果作为几年经验的中高级前端这其实是不应该的。

大家好，我是前端林叔，掘金小册《如何写出高质量的前端代码》 作者。 先说观点：在进行前端开发时，单个文件的代码行数推荐最大不超过300行，而超过1000行的都可以认为是垃圾代码，需要进行重构。 为什么

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

只要你有优化代码的习惯，那么在工作场景中会经常接触倒各种设计模式，只是你当时不知道它是哪种设计模式，当你接触倒设计模式后，才会发现自己的某段代码被称为某种设计模式。一起来复习一下曾经接触到的设计模式吧

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

0. 回顾过去 说实话，这标题有点儿 uc小编 的味道了。虽然真正的大佬已经对设计模式烂熟于胸，只希望我的学习记录能帮助到部分同学就足够了。经过我下面的介绍，你可以在极短的时间，了解并知道如何使用他们。 每一种设计模式都是前辈们总结多年的经验，实属精华。尽管我不能完全出神入化的…

并不会列举所有的设计模式，比如java里的建造者模式，我自己没有实际场景用过，所以体会不深，我们就略过。 单一职责原则很简单，一个方法 一个类只负责一个职责，各个职责的程序改动，不影响其它程序。 但实际写代码的过程中，创建对象的复杂度比上面的代码高很多。接下来介绍一种常见的创建…

设计模式已经到了第三篇，前两篇分别是代理模式与工厂模式，那么继续我们 23 篇设计模式的链路-策略模式。 多重条件语句不易维护，而使用策略模式可以避免使用多重条件语句。 策略模式提供了一系列的可供重用的算法族，恰当使用继承可以把算法族的公共代码转移到父类里面，从而避免重复的代码…

上一篇，我们通过宠物店简单了解工程模式在前端开发中的运用开发。那么继续我们23篇设计模式的链路，我们来了解一下代理模式在前端中的运用 代理模式的定义：代理模式给某一个对象提供一个代理对象，并由代理对象控制对原对象的引用。通俗的来讲代理模式就是我们生活中常见的中介。 中介隔离作用…