Backbone源碼解析(Model)

cjie 發(fā)布于2019-08-19 17:52 / 507人閱讀

摘要：因?yàn)樽罱褂茫詫τ辛藗€月的研究。期間也參考了一些博客，這些博客可以分為兩類寫一個，解釋每一句。

因?yàn)樽罱褂肂ackbone，所以對Backbone有了3個月的研究。期間也參考了一些博客，這些博客可以分為兩類：1.寫一個demo，解釋每一句。然后給一對api 2.講源碼，但不夠抽象！我覺得源碼最好講骨架，要抽象，太過具體你講不明白，別人也看不懂！

Model是什么

Model就是一個構(gòu)造函數(shù)

  var Model = function(attributes, options) {
    this.cid = _.uniqueId(this.cidPrefix);
    this.attributes = {};
    this.set(attrs, options);
    this.changed = {};
    this.initialize.apply(this, arguments);
  };

這個是我簡化的源碼，是抽象的，最重要的內(nèi)容，看懂核心，再看真的源碼就簡單了！
這丫的就是我們創(chuàng)建Object的構(gòu)造函數(shù)，有屬性：cid,attributes,changed(3個屬性)

這個是Model對象的截圖

這個實(shí)例化對象就有3個屬性，那他應(yīng)該還有方法吧！
方法在Model.property中，見源碼

_.extend(Model.prototype, Events,{
    set:function(key,value,attr)..
    get:function(attr)...
    ....
});

現(xiàn)在有了構(gòu)造函數(shù)Model,Model.property,就完了。

GPU云服務(wù)器云服務(wù)器 Backbone backbone.js 源碼解析 webrtc源碼解析

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/78918.html

相關(guān)文章

Backbone源碼解讀（二）

摘要：以為例構(gòu)造函數(shù)的內(nèi)容構(gòu)造函數(shù)的內(nèi)部一般會做以下幾個操作各種給內(nèi)部對象設(shè)置屬性。為什么呢源碼做出了解釋。在里面會調(diào)用用戶傳入的回調(diào)函數(shù)并觸發(fā)事件表示已經(jīng)同步了。整個的源碼事實(shí)上就是這兩組東西。 1. 開場強(qiáng)烈建議一邊看著源碼一邊讀本文章，本文不貼大段代碼。源碼地址。在寫backbone應(yīng)用的時候，說實(shí)話，大部分的時間都是在寫這三個模塊的內(nèi)容。關(guān)于這三個模塊的分析網(wǎng)上隨隨便便就能找到一堆...

Sleepy 2019-08-21 14:21 評論0 收藏0
基于 Backbone + node 的個人簡歷生成器（個人學(xué)習(xí)總結(jié)）

摘要：應(yīng)用的功能這個應(yīng)用是一個個人簡歷生成器。比較好的教程有這一個。這樣的命名污染問題自然顯而易見。而且發(fā)出多次請求也會影響性能。明顯不利于維護(hù)。然而我希望能夠不發(fā)生變化，因?yàn)槭窃谖募那疤嵯碌臉?biāo)簽頁，不能換一個標(biāo)簽就重建一個。為什么學(xué)習(xí)backbone？這是個好問題。在這個前端框架爆炸的年代，比起backbone，對開發(fā)來說有更多更好的選擇，react，vue，angular等等。但這些...

lansheng228 2019-08-20 10:24 評論0 收藏0
backbone源碼解讀

摘要：個人認(rèn)為，讀懂老牌框架的源代碼比會用流行框架的要有用的多。另外，源代碼中所有的以開頭的方法，可以認(rèn)為是私有方法，是沒有必要直接使用的，也不建議用戶覆蓋。寫在前面 backbone是我兩年多前入門前端的時候接觸到的第一個框架，當(dāng)初被backbone的強(qiáng)大功能所吸引(當(dāng)然的確比裸寫js要好得多)，雖然現(xiàn)在backbone并不算最主流的前端框架了，但是，它里面大量設(shè)計模式的靈活運(yùn)用，以及令...

Kross 2019-08-20 14:08 評論0 收藏0
backbone源碼解讀

摘要：個人認(rèn)為，讀懂老牌框架的源代碼比會用流行框架的要有用的多。另外，源代碼中所有的以開頭的方法，可以認(rèn)為是私有方法，是沒有必要直接使用的，也不建議用戶覆蓋。寫在前面 backbone是我兩年多前入門前端的時候接觸到的第一個框架，當(dāng)初被backbone的強(qiáng)大功能所吸引(當(dāng)然的確比裸寫js要好得多)，雖然現(xiàn)在backbone并不算最主流的前端框架了，但是，它里面大量設(shè)計模式的靈活運(yùn)用，以及令...

wangxinarhat 2019-08-01 16:15 評論0 收藏0
Backbone.js學(xué)習(xí)筆記（一）

摘要：它通過數(shù)據(jù)模型進(jìn)行鍵值綁定及事件處理，通過模型集合器提供一套豐富的用于枚舉功能，通過視圖來進(jìn)行事件處理及與現(xiàn)有的通過接口進(jìn)行交互。本人兼職前端付費(fèi)技術(shù)顧問，如需幫助請加本人微信hawx1993或QQ345823102，非誠勿擾 1.為初學(xué)前端而不知道怎么做項(xiàng)目的你指導(dǎo) 2.指導(dǎo)并扎實(shí)你的JavaScript基礎(chǔ) 3.幫你準(zhǔn)備面試并提供相關(guān)指導(dǎo)性意見 4.為你的前端之路提供極具建設(shè)性的...

FrancisSoung 2019-08-21 10:21 評論0 收藏0