美文网首页
15.第三篇:享元模式

15.第三篇:享元模式

作者: 爱吃鱼的肥兔子 | 来源:发表于2018-12-26 11:37 被阅读0次

本文摘自 《JavaScript 设计模式》张容铭 著 版权归原作者所有

  • 实现类似分页的效果
var FlyWeight = function() {
  // 已创建的元素
  var created = []
  // 创建一个新闻包装容器
  function create() {
    var dom = document.createElement('div');
    // 将容器插入新闻列表容器中
    document.getElmentById('container').appendChild(dom);
    // 缓存新创建的元素
    created.push(dom);
    // 返回创建的新元素
    return dom;
  }
  return {
    // 获取创建新闻元素方法
    getDiv : function(){
      // 如果已创建的元素小于当前页元素总个数,则创建
      if(created.length<5)  {
        return create();
      }else{
        // 获取第一个元素,并插入最后面
        var div = created.shift();
        created.push(div);
        return div
      }
    }
  }
}

相关文章

  • 15.第三篇:享元模式

    本文摘自 《JavaScript 设计模式》张容铭 著 版权归原作者所有 实现类似分页的效果

  • 设计模式之享元模式(flyweight模式)

    引入享元模式 享元模式的实例 享元模式的分析 引入享元模式 flyweight是轻量级的意思,指的是拳击比赛中选手...

  • 第4章 结构型模式-享元模式

    一、享元模式的简介 二、享元模式的优缺点 三、享元模式的实例

  • 享元模式

    一、享元模式介绍 二、享元模式代码实例

  • 设计模式--享元模式

    目录 本文的结构如下: 引言 什么是享元模式 模式的结构 典型代码 代码示例 单纯享元模式和复合享元模式 模式扩展...

  • 享元模式C++

    享元模式,就是运用共享技术有效地支持大量细粒度的对象。 享元模式结构图 享元模式基本代码 应用场景 享元模式可以避...

  • 设计模式之——享元模式

    1 享元模式的定义 享元模式:使用共享对象可有效地支持大量细粒度的对象。享元模式是池技术的重要实现方式。享元模式的...

  • 好程序员Java培训​分享java设计模式之享元模式

    好程序员Java培训​分享java设计模式之享元模式,Java设计模式中的享元模式。享元模式有点类似于单例...

  • 结构型模式:享元模式

    文章首发:结构型模式:享元模式 七大结构型模式之六:享元模式。 简介 姓名 :享元模式 英文名 :Flyweigh...

  • Java设计模式(三)

    talk is cheap show me the code 享元模式 享元模式 责任链模式 责任链模式Filte...

网友评论

      本文标题:15.第三篇:享元模式

      本文链接:https://www.haomeiwen.com/subject/ajqghqtx.html