AlloyTeam

AlloyTeam

Copyright © Tencent AlloyTeam. All Rights Reserved.
AlloyTeam 腾讯全端 AlloyTeam 团队 Blog
  • 首页
  • Web 开发
    • 前端资讯
    • HTML5
    • CSS3
    • JavaScript
    • Node.js
    • 移动 Web 开发
    • 用户体验设计
    • Web 前端优化
    • 资源工具
  • 移动开发
    • Android 开发
    • iOS 开发
    • 移动 Web 开发
  • Alloy 实验室
    • 作品
    • HTML5 游戏
  • 关于
    • 团队
    • Github
    • 留言
    • 友情链接
  • RSS
  • TAT.svenzeng 【Javascript 设计模式 17】- 状态模式
    In 未分类 on 2012年10月24日 by TAT.svenzeng view: 29,391
    11

    待续。

     

    • 单例模式
    • 简单工厂模式
    • 观察者模式
    • 适配器模式
    • 代理模式
    • 桥接模式
    • 外观模式
    • 访问者模式
    • 策略模式
    • 模版方法模式
    • 中介者模式
    • 迭代器模式
    • 组合模式
    • 备忘录模式
    • 职责链模式
    • 享元模式
    • 状态模式

    继续阅读

  • TAT.svenzeng 【Javascript 设计模式 16】- 享元模式
    In 未分类 on 2012年10月24日 by TAT.svenzeng view: 12,793
    7

    享元模式主要用来减少程序所需的对象个数. 有一个例子, 我们这边的前端同学几乎人手一本《javascript 权威指南》. 从省钱的角度讲, 大约三本就够了. 放在部门的书柜里, 谁需要看的时候就去拿, 看完了还回去. 如果同时有 4 个同学需要看, 此时再去多买一本.
    在 webqq 里面, 打开 QQ 好友列表往下拉的时候,会为每个好友创建一个 div( 如果算上 div 中的子节点, 还远不只 1 个元素 ).

    继续阅读

  • TAT.svenzeng 【Javascript 设计模式 15】-职责链模式
    In 未分类 on 2012年10月24日 by TAT.svenzeng view: 9,588
    7

    职责链模式是一个对象 A 向另一个对象 B 发起请求,如果 B 不处理,可以把请求转给 C,如果 C 不处理,又可以把请求转给 D。一直到有一个对象愿意处理这个请求为止。

    打个比方,客户让老板写个 php 程序。老板肯定不写,然后老板交给了部门经理。部门经理不愿意写,又交给项目经理。项目经理不会写,又交给程序员。最后由码农来完成。

    继续阅读

  • TAT.svenzeng 【Javascript 设计模式 14】-备忘录模式
    In 未分类 on 2012年10月24日 by TAT.svenzeng view: 9,193
    7

    备忘录模式在 js 中经常用于数据缓存. 比如一个分页控件, 从服务器获得某一页的数据后可以存入缓存。以后再翻回这一页的时候,可以直接使用缓存里的数据而无需再次请求服务器。
    实现比较简单,伪代码:

    继续阅读

  • TAT.svenzeng 【Javascript 设计模式 13】-组合模式
    In 未分类 on 2012年10月24日 by TAT.svenzeng view: 10,778
    7

    组合模式又叫部分-整体模式,它将所有对象组合成树形结构。使得用户只需要操作最上层的接口,就可以对所有成员做相同的操作。
    一个再好不过的例子就是 jquery 对象,大家都知道 1 个 jquery 对象其实是一组对象集合。比如在这样一个 HTML 页面

    1
    2
    3
    4
    5
    6
    <body>
      <div>
         <span></span>
         <span></span>
      </div>
    </body>

    继续阅读

  • TAT.svenzeng 【Javascript 设计模式 12】-迭代器模式
    In 未分类 on 2012年10月24日 by TAT.svenzeng view: 9,618
    8

    迭代器模式提供一种方法顺序访问一个聚合对象中各个元素,而又不需要暴露该方法中的内部表示。
    js 中我们经常会封装一个 each 函数用来实现迭代器。
    array 的迭代器:

    继续阅读

  • TAT.svenzeng 【Javascript 设计模式 11】-中介者模式
    In 未分类 on 2012年10月24日 by TAT.svenzeng view: 12,697
    11

    中介者对象可以让各个对象之间不需要显示的相互引用,从而使其耦合松散,而且可以独立的改变它们之间的交互。

    打个比方,军火买卖双方为了安全起见,找了一个信任的中介来进行交易。买家 A 把钱交给中介 B,然后从中介手中得到军火,卖家 C 把军火卖给中介,然后从中介手中拿回钱。一场交易完毕,A 甚至不知道 C 是一只猴子还是一只猛犸。因为中介的存在,A 也未必一定要买 C 的军火,也可能是 D,E,F。

    继续阅读

  • TAT.svenzeng 【Javascript 设计模式 10】-模版方法模式
    In 未分类 on 2012年10月24日 by TAT.svenzeng view: 8,293
    7

    模式方法是预先定义一组算法,先把算法的不变部分抽象到父类,再将另外一些可变的步骤延迟到子类去实现。听起来有点像工厂模式 ( 非前面说过的简单工厂模式 ).
    最大的区别是, 工厂模式的意图是根据子类的实现最终获得一种对象. 而模版方法模式着重于父类对子类的控制.

    继续阅读

  • TAT.svenzeng 【Javascript 设计模式 9】-策略模式
    In 未分类 on 2012年10月24日 by TAT.svenzeng view: 14,808
    12

    策略模式的意义是定义一系列的算法,把它们一个个封装起来,并且使它们可相互替换。
    一个小例子就能让我们一目了然。
    回忆下 jquery 里的 animate 方法.

    继续阅读

  • TAT.svenzeng 【Javascript 设计模式 8】-访问者模式
    In 未分类 on 2012年10月24日 by TAT.svenzeng view: 11,468
    9

    待续。。

    继续阅读

上页 1 ...44 45 46 47 48 49 50 51 52 53 ...61 下页
公众号:AlloyTeam
扫码关注
公众号:AlloyTeam
合作伙伴
HTML5梦工场
腾讯云
Coding
兄弟团队
  • 腾讯 ISUX
  • 腾讯 CDC
  • 腾讯游戏 TGideas
  • 百度前端 EFE
  • 百度前端 FEX
  • 淘宝前端团队 FED
友情链接
  • 印记中文
  • W3CTech
  • 前端观察
  • W3C Plus
  • Web 前端开发
  • V2EX
  • 蓝色理想
  • 云开发 CloudBase
  • HTML5中文学习网
  • 爱思资源网
  • 牛大拿_前端设计导航
  • 吕小鸣前端博客
  • 腾讯大学


Copyright ©  2011-2021 AlloyTeam. All Rights Reserved. Powered By WordPress
粤ICP备15071938号-2