我的生活感悟

发布－订阅模式的通用实现现在我们在上一篇文章中已经看到了如何让售楼处拥有接受订阅和发布事件的功能。假设现在小明又去另一个售楼处买房子，那么这段代码是否必须在另一个售楼处对象上重写一次呢，有没有办法可以让所有对象都拥有发布—订阅功能呢？答案是肯定的！如何构建？首先我们要理解发布订阅设计模式中的基本构造发布订阅集合列表增加订阅方法移除订阅方法这以上四部即为基本的发布订阅设计模式中的基本构造首先，我们先

- 阅读全文 -

什么是发布订阅模式？发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。在JavaScript开发中，我们一般用事件模型来替代传统的发布—订阅模式。发布订阅模式的构成最常见的发布订阅模式就是咱们DOM事件，仔细回想一下我们要给一个按钮，绑定一个事件，当我点击按钮的时候我要让他的颜色变了，并且页面弹出一个弹出框我们分析一下这个

- 阅读全文 -

什么是迭代器模式？迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。迭代器模式可以把迭代的过程从业务逻辑中分离出来，在使用迭代器模式之后，即使不关心对象的内部构造，也可以按顺序访问其中的每个元素。jQuery中的迭代器迭代器模式无非就是循环访问聚合对象中的各个元素。比如jQuery中的$.each函数，其中回调函数中的参数i为当前索引，n为当前元素，代码如

- 阅读全文 -

什么是代理模式？首先我们先看一个有趣的例子在四月一个晴朗的早晨，小明遇见了他的百分百女孩，我们暂且称呼小明的女神为A。两天之后，小明决定给A送一束花来表白。刚好小明打听到A和他有一个共同的朋友B，于是内向的小明决定让B来代替自己完成送花这件事情。虽然小明的故事必然以悲剧收场，因为追MM更好的方式是送一辆宝马。不管怎样，我们还是先用代码来描述一下小明追女神的过程，先看看不用代理模式的情况：// 首先

- 阅读全文 -

什么是策略模式？策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。使用策略模式计算奖金很多公司的年终奖是根据员工的工资基数和年底绩效情况来发放的。例如，绩效为S的人年终奖有4倍工资，绩效为A的人年终奖有3倍工资，而绩效为B的人年终奖是2倍工资。假设财务部要求我们提供一段代码，来方便他们计算员工的年终奖。不使用策略模式我们可以编写一个名为calculateBonus的

- 阅读全文 -

javascript是一门无类语言，也正是因为如此，生搬硬套单例模式的概念毫无意义。在Javascript中创建对象的方法非常简单，既然我们只需要一个唯一的“对象”，为什么要为它先创建一个“类呢”？单例模式的核心是：确保只有一个实例，并且提供全局访问全局模式不是单例模式，但在Javascript开发中，我们经常会把全局变量当作单例来使用。例如:var a={};当用这种方式创建对象a的时候，对象a

- 阅读全文 -

什么是单例模式?单例模式的定义是：保证一个类仅有一个实例，并提供一个访问它的全局访问点单例模式是一种常用的模式，有一些对象往往我们只需要哦一个，比如线程池，全局缓存，浏览器中的Windows对象等。在JavaScript中，单例模式的用途非常广泛，试想一下，当我们单击登陆按钮的时候，页面上会出现一个悬浮框，并且这个悬浮框是唯一的，无论点击多少次登陆按钮，这个悬浮窗只会出现一次，那么这个登陆浮窗就适

- 阅读全文 -

避免全局查找可能优化脚本性能最重要的就是注意全局查找。使用全局变量和函数肯定要比局部的开销更大，因为要涉及作用域链上的查找。将在一个函数中会用到多次的全局对象存储为局部变量总是没错的。 特别是使用链式操作的时候，如果涉及到全局变量，应把全局变量赋予给局部变量避免 with 语句在性能非常重要的地方必须避免使用 with 语句。和函数类似，with 语句会创建自己的作用域，因此会增加其中执行的代码的

- 阅读全文 -

Web Storage 最早是在 Web 超文本应用技术工作组（WHAT-WG）的 Web 应用 1.0 规范中描述的。这个规范的最初的工作最终成为了 HTML5 的一部分。Web Storage 的目的是克服由 cookie 带来的一些限制，当数据需要被严格控制在客户端上时，无须持续地将数据发回服务器。Web Storage 的两个主要目标是：提供一种在 cookie 之外存储会话数据的途径；提

- 阅读全文 -

CookieHTTP Cookie，通常直接叫做 cookie，最初是在客户端用于存储会话信息的。该标准要求服务器对任意 HTTP 请求发送 Set-Cookie HTTP 头作为响应的一部分，其中包含会话信息。例如，这种服务器响应的头可能如下：HTTP/1.1 200 OK Content-type: text/html Set-Cookie: name=value Other-header:

- 阅读全文 -