两个月时间抽空从前端的角度总结了一下设计模式

2022-03-11 07:26:19 +08:00
 windliang

从 1 月 6 号开始利用两个月的时间把 23 个设计模式都过了一遍,详细总结了其中的 12 个,都结合了前端实际开发中遇到的场景。

撸了个网站把总结放了上去,读起来会更方便,欢迎阅读,欢迎拍砖:

pattern.windliang.wang

每个设计模式的原始定义其实很好理解,直接打开维基百科看看定义、看看代码十几分钟估计就能了解一个,最重要的地方在于实际开发场景中的到底有哪些例子。

这方面的话前端相关的例子很少很少,我自己的经验有限,非常欢迎大家在 github 给我提 issues,把大家应用过或者见过的设计模式写一下,一起学习,一起进步!

3225 次点击
所在节点    分享创造
25 条回复
yaphets666
2022-03-11 10:33:19 +08:00
@ericls 都是套路
JunC74
2022-03-11 10:35:00 +08:00
因为它们考虑的太多可扩展性了,很多时候我们并不需要太多这个.项目能活下来才最重要.
RedBeanIce
2022-03-12 09:37:23 +08:00
冲啊,,我也是去年 1 月份到现在研究了一下设计模式,阶段性结束
GiantHard
2022-03-14 14:20:21 +08:00
快速地浏览了一遍,楼主总结的挺好的。但是大多数的前端开发者都不习惯于使用 class ,所以我觉得你的一些例子中,完全可以去掉 class ,就比如”责任链模式“中的例子,把 handler 类换成几个纯函数,看起来会更让前端开发者熟悉一些。

在我看来,设计模式是一份指南,而不是规则。我相信,对于大部分开发者来说,了解设计模式有助于帮助自己写出好的代码。
windliang
2022-03-15 22:03:08 +08:00
@GiantHard 是的,举 js 例子的时候我基本上也都没有用类。责任链目前开发中没有用到,但又觉得挺有意思感觉未来会用到,然后想到刷题的时候用到过就写了一下,可以更好的理解思想

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/839561

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX