wust_cyl的博客

从现在开始，我们就正式开始学习设计模式，具体可以看左边目录。所有和设计模式相关的JS代码，全部采用es6语法，以后可能还会使用ts代码，所以我们先使用webpack搭建一个环境。注意这不是重点，不搞也行！这不是重点，看不懂下面操作，可以跳过，直接进入下一节！项目目录如下：其中dist目录为输出文件夹，src/index.js为测试js, src/index.html为模板html...

在开始面向对象设计模式之前，我们必须了解一下什么是面向对象，什么是面向对象三要素。面向对象：面向对象编程（Object Oriented Programming），所以也叫做OOP，这与我们早期的面向过程很不一样。早期计算机处理的问题都不是很复杂，所以一个算法，一个数据结构就能够很好的解决当时的问题。但是随着计算机技术的发展，要处理的计算机问题越来越复杂。为了更好的解决这样的问题，就出现了一切...

这一节我们主要讲解基础的UML类图，这个东西非常重要，是我们用来表述，认识，理解模式的关键方法，在实际工作中与其他工程师交流也可以使用UML类图。UML类图的作用是描述程序中类的信息及各个类之间的关系。面向对象的设计语言都离不开类这个概念，如何设计类以及如何处理类和类之间的关系是重点内容。UML类图就是一种可以帮助我们解决这方面的工具。在UML类图中，我们通过一个矩形来表示一个类...

设计模式有很多，这些设计模式的出现是由准则或者说有根据的，不是平白无故出现的，下面我们就来认识一下这些设计原则。在此以前，我想说一下，看这篇文章的读者应该都是前端工程师或者使用JS编程语言的程序员，为了结合JS语言的特性（弱类型，无接口等）有一些原则只是简单的说一下，在JS中基本不会使用，只需要你了解。如果想要全面学习设计原则以及23种设计模式，应该选择Java而不是JS。我们只针对JS语...