最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js設(shè)計模式之結(jié)構(gòu)型享元模式詳解

 更新時間:2017年09月01日 10:55:16   作者:咖謐也  
這篇文章主要為大家詳細介紹了js設(shè)計模式之結(jié)構(gòu)型享元模式的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下

運用共享技術(shù)有效地支持大量的細粒度的對象,避免對象間擁有相同內(nèi)容造成多余的開銷。
享元模式主要是對其數(shù)據(jù)、方法共享分離,將數(shù)據(jù)和方法分成內(nèi)部數(shù)據(jù)、內(nèi)部方法和外部數(shù)據(jù)、外部方法。內(nèi)部方法與內(nèi)部數(shù)據(jù)指的是相似或共有的數(shù)據(jù)和方法,所以將其提取出來減少開銷。

var Flyweight = function() {
 // 已創(chuàng)建的元素
 var created = [];
 // 創(chuàng)建一個新聞包裝容器
 function create() {
  var dom = document.createElement('div');
  // 將容器插入新聞列表容器中
  document.getElementById('container').appendChild(dom);
  // 緩存新創(chuàng)建的元素
  created.push(dom);
  // 返回創(chuàng)建的新元素
  return dom;
 }
 return {
  // 獲取創(chuàng)建新聞元素方法
  getDiv: function() {
   // 如果已創(chuàng)建的元素小于當(dāng)前頁元素總個數(shù)(5個),則創(chuàng)建
   if(created.length < 5) {
    return created();
   } else {
    // 獲取第一個元素,并插入去后面
    var div = created.shift();
    created.push(div);
    return div;
   }
  }
 }
}

上面創(chuàng)建一個享元類,由于每頁只能顯示5條新聞,所以創(chuàng)建5個元素,保存在享元類內(nèi)部,可以通過getDiv方法來獲取創(chuàng)建的元素。下面就要實現(xiàn)外部數(shù)據(jù)和外部方法,外部數(shù)據(jù)就是我們要顯示的所有新聞內(nèi)容,由于每個內(nèi)容都不一樣肯定不能共享。

var paper = 0,
  num = 5,
  len = article.length;
// 添加五條新聞
for(var i = 0; i < 5; i++) {
 if(article[i])
 // 通過享元類獲取創(chuàng)建的元素并寫入新聞內(nèi)容
 Flyweight.getDiv().innerHTML = article[i];
}


// 下一頁按鈕綁定事件
document.getElementById('next_page').onclick = function() {
 // 如果新聞內(nèi)容不足5條則返回
 if(article.length < 5) {
  return;
 }
 var n = ++paper * num % len, // 獲取當(dāng)前頁的第一條新聞索引
   j = 0;
 // 插入5條新聞
 for(; j < 5; j++) {
  // 如果存在n+j條則插入
  if(article[n + j]) {
   Flyweight.getDiv().innerHTML = article[n + j];
  // 否則插入起始位置第n+j-len條
  } else if(article[n + j - len]) {
   Flyweight.getDiv().innerHTML = article[n + j - len];
  } else {
   Flyweight.getDiv().innerHTML = "";
  }
 }
}


這樣用享元模式對頁面重構(gòu)之后每次操作只需要操作5個元素,這樣性能可以提高很多。
享元模式的應(yīng)用是為了提高程序的執(zhí)行效率與系統(tǒng)性能,因此在大型系統(tǒng)開發(fā)中應(yīng)用比較廣泛,可以避免程序中的數(shù)據(jù)重復(fù)。應(yīng)用時一定要找準(zhǔn)內(nèi)部狀態(tài)與外部狀態(tài),這樣才能更合理地提取分離。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

邢台县| 高淳县| 手游| 荔波县| 佛学| 句容市| 海南省| 大同县| 安图县| 栖霞市| 东至县| 运城市| 交口县| 永年县| 承德县| 石屏县| 龙里县| 安阳县| 札达县| 巴中市| 化州市| 凤凰县| 沭阳县| 北川| 错那县| 长垣县| 通辽市| 柞水县| 娱乐| 承德市| 元阳县| 呼伦贝尔市| 鹿邑县| 清河县| 若尔盖县| 上高县| 大同市| 汤阴县| 定边县| 龙游县| 太保市|