UCloud云社区

Neilyo 发布于2019-08-23 16:53 / 1856人阅读

背景介绍

之前在阅读《JavaScript设计模式和开发实践》这本书的时候，收货颇丰，学习了设计模式在很多场景下的应用。

但也是因为书上场景过多，所以当记不清某一种设计模式的时候，翻书温习复杂案例的成本是相对较高的。有时候，只需要一段经典、简洁的demo就可以迅速回顾起精髓，在快速业务开发中，这是个比较经济的做法。

除此之外，当主要工作语言发生变化的时候（例如：js -> python），简洁的demo更能帮助开发者快速回忆某种设计模式的精髓和实现思路，方便开发者根据语言特性再做实现。

因此，对于比较重要的18种设计模式，我都挑选了它的一种经典应用，并且尽量使用ES6的语法和编程习惯来进行实现。 前10个设计模式还提供了Python3的实现版本（后来比较忙，遂放弃）。

文章地址

一共记录了18个设计模式，部分文章发到了掘金，由于精力有限，后面几篇文章就直接放在了Github仓库 / 个人博客

单例模式：https://godbmw.com/passages/2018-10-23-singleton-pattern/

策略模式: https://godbmw.com/passages/2018-10-25-stragegy-pattern/

代理模式: https://godbmw.com/passages/2018-11-01-proxy-pattern/

迭代器模式: https://godbmw.com/passages/2018-11-06-iter-pattern/

订阅-发布模式: https://godbmw.com/passages/2018-11-18-publish-subscribe-pattern/

命令模式: https://godbmw.com/passages/2018-11-25-command-pattern/

组合模式: https://godbmw.com/passages/2018-12-12-composite-pattern/

享元模式：https://godbmw.com/passages/2018-12-16-flyweight-pattern/

责任链模式: https://godbmw.com/passages/2019-01-07-chain-of-responsibility-pattern/

装饰者模式: https://godbmw.com/passages/2019-01-12-decorator-pattern/

状态模式: https://godbmw.com/passages/2019-01-16-state-pattern/

适配器模式: https://godbmw.com/passages/2019-01-17-adapter-pattern/

桥接模式: https://godbmw.com/passages/2019-01-19-bridge-pattern/

解释器模式: https://godbmw.com/passages/2019-01-25-interpreter-pattern/

备忘录模式: https://godbmw.com/passages/2019-01-26-memento-pattern/

模板模式: https://godbmw.com/passages/2019-01-31-template-pattern/

工厂模式: https://godbmw.com/passages/2019-03-31-factory-pattern/

抽象工厂模式: https://godbmw.com/passages/2019-04-01-abstract-factory-pattern/

放在最后

其实整理这些的原因还有一个，就是为了准备今年春招的面试。然后过了腾讯的校招和阿里的前三面发现，竟然没有专门问到设计模式相关知识！

但回首看，系统地学习、理智地使用设计模式（不是为了用而用），确实能提升代码的可读性，实现业务解耦。而在写这些文章的过程中，每种设计模式自己也是会找很多的实现（包括不限于python、java、c++）来参考，探索式学习还是蛮有趣的。

尽管如此，有2篇文章的瑕疵还是很多，希望您抱着交流的心态来阅读，如有不当，欢迎指出、共同提升。

GPU云服务器云服务器政务快车道尹世明总经理

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103446.html

vue中如何实现的自定义按钮

摘要：在实际开发项目中，有时我们会用到自定义按钮因为一个项目中，众多的页面，为了统一风格，我们会重复用到很多相同或相似的按钮，这时候，自定义按钮组件就派上了大用场，我们把定义好的按钮组件导出，在全局引用，就可以在其他组件随意使用啦，这样可以大幅度在实际开发项目中，有时我们会用到自定义按钮；因为一个项目中，众多的页面，为了统一风格，我们会重复用到很多相同或相似的按钮，这时候，自定义按钮组件就...

biaoxiaoduan 2019-08-23 16:29 评论0 收藏0
JavaScript代码整洁之道

摘要：代码整洁之道整洁的代码不仅仅是让人看起来舒服，更重要的是遵循一些规范能够让你的代码更容易维护，同时降低几率。另外这不是强制的代码规范，就像原文中说的，。里式替换原则父类和子类应该可以被交换使用而不会出错。注释好的代码是自解释的。 JavaScript代码整洁之道整洁的代码不仅仅是让人看起来舒服，更重要的是遵循一些规范能够让你的代码更容易维护，同时降低bug几率。原文clean-c...

liaorio 2019-08-23 16:29 评论0 收藏0
前端经典面试题总结

摘要：接着我之前写的一篇有关前端面试题的总结，分享几道比较经典的题目第一题考点作用域，运算符栗子都会进行运算，但是最后之后输出最后一个也就是那么其实就是而且是个匿名函数，也就是属于，就输出第二和第三个都是类似的，而且作用域是都是输出最后一个其实就接着我之前写的一篇有关前端面试题的总结，分享几道比较经典的题目：第一题： showImg(https://segmentfault.com/im...

BlackMass 2019-08-23 16:29 评论0 收藏0
私有云那家好-六大私有云厂商详细对比！

对比内容UCloudStackZStackVMwareQingCloud腾讯TStack华为云Stack优势总结•基于公有云自主可控•公有云架构私有化部署•轻量化/轻运维/易用性好•政府行业可复制案例轻量化 IaaS 虚拟化平台•轻量化、产品成熟度高•业内好评度高•功能丰富、交付部署快•中小企业案例多全套虚拟产品及云平台产品•完整生态链、技术成熟•比较全面且健全的渠道•产品成熟度被市场认可，市场占...

ernest.wang 2022-07-05 17:45 评论0 收藏0
cross-env使用记录

摘要：能跨平台地设置及使用环境变量让这一切变得简单，不同平台使用唯一指令，无需担心跨平台问题安装方式改写使用了环境变量的常见如在脚本多是里这么配置运行，这样便设置成功，无需担心跨平台问题关于跨平台兼容，有几点注意 cross-env能跨平台地设置及使用环境变量, cross-env让这一切变得简单，不同平台使用唯一指令，无需担心跨平台问题 1、npm安装方式 npm i --save-de...

Michael_Ding 2019-08-23 16:29 评论0 收藏0
webpack打包插件

摘要：引入的模块引入的使用将打包打包的拆分将一部分抽离出来物理地址拼接优化打包速度压缩代码，这里使用的是，同样在的里面添加 const path = require(path); //引入node的path模块const webpack = require(webpack); //引入的webpack,使用lodashconst HtmlWebpackPlugin = require(ht...

ChanceWong 2019-08-23 16:29 评论0 收藏0