資訊專欄INFORMATION COLUMN
摘要：整個(gè)的代碼非常簡(jiǎn)潔，構(gòu)造邏輯也一目了然。生成唯一合并參數(shù)列表列表項(xiàng)目的初始化用戶定義的初始化事件處理可以看到，最重要的代碼，在于的初始化。這段代碼可以看出，如果實(shí)例化的時(shí)候有傳入一個(gè)節(jié)點(diǎn)，則綁定這個(gè)節(jié)點(diǎn)，否則生成一個(gè)這樣的節(jié)點(diǎn)。
整個(gè)View的代碼非常簡(jiǎn)潔，View構(gòu)造邏輯也一目了然。
javascriptvar View = Backbone.View = function(options) {
this.cid = _.uniqueId("view");
options || (options = {});
_.extend(this, _.pick(options, viewOptions));
this._ensureElement();
this.initialize.apply(this, arguments);
this.delegateEvents();
};
生成唯一cid
合并參數(shù)列表
列表項(xiàng)目
View的初始化
用戶定義的初始化
事件處理
可以看到，最重要的代碼，在于View的初始化。
javascript_ensureElement: function() {
if (!this.el) {
var attrs = _.extend({}, _.result(this, "attributes"));
if (this.id) attrs.id = _.result(this, "id");
if (this.className) attrs["class"] = _.result(this, "className");
var $el = Backbone.$("<" + _.result(this, "tagName") + ">").attr(attrs);
this.setElement($el, false);
} else {
this.setElement(_.result(this, "el"), false);
}
}
這段代碼可以看出，如果實(shí)例化的時(shí)候有傳入一個(gè)DOM節(jié)點(diǎn)，則綁定這個(gè)DOM節(jié)點(diǎn)，否則生成一個(gè)這樣的DOM節(jié)點(diǎn)。
javascriptvar view = new View({
el: $("body"),
model: new Backbone.Model()
})
結(jié)語：嗯，Backbone.View真的好簡(jiǎn)單，沒做什么事情。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/85639.html
1. 開場(chǎng) 1.1 MVC？ MVC是一種GUI軟件的一種架構(gòu)模式。它的目的是將軟件的數(shù)據(jù)層（Model）和視圖（view）分開。Model連接數(shù)據(jù)庫，實(shí)現(xiàn)數(shù)據(jù)的交互。用戶不能直接和數(shù)據(jù)打交道，而是需要通過操作視圖，然后通過controller對(duì)事件作出響應(yīng)，最后才得以改變數(shù)據(jù)。最后數(shù)據(jù)改變，通過觀察者模式更新view。（所以在這里需要用到設(shè)計(jì)模式中的觀察者模式） 1.2 Smalltalk-80...
摘要：以為例構(gòu)造函數(shù)的內(nèi)容構(gòu)造函數(shù)的內(nèi)部一般會(huì)做以下幾個(gè)操作各種給內(nèi)部對(duì)象設(shè)置屬性。為什么呢源碼做出了解釋。在里面會(huì)調(diào)用用戶傳入的回調(diào)函數(shù)并觸發(fā)事件表示已經(jīng)同步了。整個(gè)的源碼事實(shí)上就是這兩組東西。 1. 開場(chǎng) 強(qiáng)烈建議一邊看著源碼一邊讀本文章，本文不貼大段代碼。源碼地址。在寫backbone應(yīng)用的時(shí)候，說實(shí)話，大部分的時(shí)間都是在寫這三個(gè)模塊的內(nèi)容。關(guān)于這三個(gè)模塊的分析網(wǎng)上隨隨便便就能找到一堆...
摘要：因?yàn)槭且粭l數(shù)據(jù)記錄，也就是說，相當(dāng)于是一個(gè)數(shù)據(jù)集。通常我們需要重載函數(shù)，聲明，以及通過或?yàn)橐晥D指定根元素。通過綁定視圖的函數(shù)到模型的事件模型數(shù)據(jù)會(huì)即時(shí)的顯示在中。實(shí)例屬性參數(shù)以及類屬性參數(shù)會(huì)被直接注冊(cè)到集合的構(gòu)造函數(shù)。 對(duì)于初學(xué)backbone.js的同學(xué)可以先參考我這篇文章：Backbone.js學(xué)習(xí)筆記（一） Backbone源碼結(jié)構(gòu) showImg(https://segme...
摘要：個(gè)人認(rèn)為，讀懂老牌框架的源代碼比會(huì)用流行框架的要有用的多。另外，源代碼中所有的以開頭的方法，可以認(rèn)為是私有方法，是沒有必要直接使用的，也不建議用戶覆蓋。 寫在前面 backbone是我兩年多前入門前端的時(shí)候接觸到的第一個(gè)框架，當(dāng)初被backbone的強(qiáng)大功能所吸引(當(dāng)然的確比裸寫js要好得多)，雖然現(xiàn)在backbone并不算最主流的前端框架了，但是，它里面大量設(shè)計(jì)模式的靈活運(yùn)用，以及令...
摘要：個(gè)人認(rèn)為，讀懂老牌框架的源代碼比會(huì)用流行框架的要有用的多。另外，源代碼中所有的以開頭的方法，可以認(rèn)為是私有方法，是沒有必要直接使用的，也不建議用戶覆蓋。 寫在前面 backbone是我兩年多前入門前端的時(shí)候接觸到的第一個(gè)框架，當(dāng)初被backbone的強(qiáng)大功能所吸引(當(dāng)然的確比裸寫js要好得多)，雖然現(xiàn)在backbone并不算最主流的前端框架了，但是，它里面大量設(shè)計(jì)模式的靈活運(yùn)用，以及令...
閱讀 1208·2021-09-30 09:47
閱讀 3758·2021-09-06 15:02
閱讀 1765·2021-09-01 10:46
閱讀 2353·2019-08-30 15:52
閱讀 587·2019-08-29 15:28
閱讀 1867·2019-08-29 15:08
閱讀 1142·2019-08-29 13:28
閱讀 2565·2019-08-29 12:19
