最近观看了《Javascript设计模式系统讲解与应用》教程，对设计模式有了新的认识，特在此做些记录。 一、UML 文中会涉及众多的UML类图，在开篇需要做点基础概念的认识。以下面的图为例，图片和说明均来源于《大话设计模式》一书。 （1）矩形框，它代表一个类。类图分三层，第一层显示类的名称，如果是抽 ...
分类：
编程语言 时间：
2020-02-10 09:39:43
阅读次数：
63
15分钟带你了解前端工程师必知的javascript设计模式(附详细思维导图和源码) 前言 设计模式是一个程序员进阶高级的必备技巧,也是评判一个工程师工作经验和能力的试金石.设计模式是程序员多年工作经验的凝练和总结,能更大限度的优化代码以及对已有代码的合理重构.作为一名合格的前端工程师,学习设计模式 ...
分类：
编程语言 时间：
2020-02-01 00:56:28
阅读次数：
168
《JavaScript 设计模式与开发实践》 它两的区别： Function.prototype.call 和 Function.prototype.apply 都是非常常用的方法。它们的作用一模一样，区别仅在于传入参数形式的不同； apply 接受两个参数，第一个参数指定了函数体内 this 对象 ...
分类：
移动开发 时间：
2020-01-19 23:45:39
阅读次数：
121
初识jQuery jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架 ）。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计 ...
分类：
Web程序 时间：
2020-01-15 19:38:29
阅读次数：
76
惰性单例模式 之前介绍了JS中类的单例模式，这次我们讨论下单例模式的应用。在众多网站中，登录框的实现方式就是一个单例，点击一次就展示一次，所以我们可以在页面加载好的时候就创建一个登录框，点击页面上的登录按钮时，用于控制它的显示和隐藏。 代码实现： 登录 现在达到了 惰性 的目的，但失去了单例的效果。 ...
分类：
编程语言 时间：
2020-01-13 15:59:47
阅读次数：
94
概念 保证一个类仅有一个实例，并提供一个全局访问点 为什么要用单例模式 想象一下某些web应用，当点击登录按钮时，会弹出一个登录框，无论你点击多少次这个登录按钮，登录框都只会出现一个，不会出现多个登录框。同时不会频繁的进行删除和添加，而是同一个登录框进行隐藏和显示，因为删除和添加十分耗费性能，所以单 ...
分类：
编程语言 时间：
2020-01-12 20:20:12
阅读次数：
89
作者 | Jeskson 掘金 | https://juejin.im/user/5a16e1f3f265da43128096cb 什么是工厂模式，场景为你去买饺子吃，直接点餐，不用自己做，而餐厅要做好饺子（包饺子过程），做好直接卖给客户。 生成工厂 jquery class jquery { co ...
分类：
编程语言 时间：
2020-01-06 09:20:58
阅读次数：
81
构造函数用于创建特定类型的对象——不仅声明了使用的对象，构造函数还可以接受参数以便第一次创建对象的设置对象的成员值。我们可以自定义自己的构造安徽念书，然后在里面声明自定义类型对象的属性或方法。 在JavaScript里，构造函数通常是认为用来实现实例的，JavaScript没有类的概念，但是又特殊的 ...
分类：
编程语言 时间：
2020-01-01 17:14:34
阅读次数：
71
单例模式又被称为单体模式，是只允许实例化一次的对象类。实现的方法一般是先判断实例中是否存在，如果存在则直接返回，不存在就创建了再返回，这样就确保了一个类只有一个实例对象。在JavaScript中，单例模式作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访问改对象。 单例的常见作用： 模 ...
分类：
编程语言 时间：
2020-01-01 15:09:36
阅读次数：
94
简介 发布-订阅模式又叫做观察者模式，他定义了一种一对多的依赖关系，即当一个对象的状态发生改变的时候，所有依赖他的对象都会得到通知。 回忆曾经 作为一名前端开发人员，给DOM节点绑定事件可是再频繁不过的事情。比如如下代码 这里我们订阅了document.body的click事件，当body被点击的时 ...
分类：
编程语言 时间：
2019-11-05 18:48:36
阅读次数：
99
