欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript模塊化是什么及其優(yōu)缺點(diǎn)介紹

 更新時(shí)間:2013年09月02日 17:43:41   作者:  
模塊化是一種將系統(tǒng)分離成獨(dú)立功能部分的方法,可將系統(tǒng)分割成獨(dú)立的功能部分,嚴(yán)格定義模塊接口、模塊間具有透明性
如今backbone、emberjs、spinejs、batmanjs 等MVC框架侵襲而來。CommonJS、AMD、NodeJS、RequireJS、SeaJS、curljs等模塊化的JavaScript撲面而來。web前端已經(jīng)演變成大前端,web前端的發(fā)展速度之快。

1)我們來看看什么是模塊化?
模塊化是一種將系統(tǒng)分離成獨(dú)立功能部分的方法,可將系統(tǒng)分割成獨(dú)立的功能部分,嚴(yán)格定義模塊接口、模塊間具有透明性。javascript中的模塊在一些C、PHP、java中比較常見:

c中使用include 包含.h文件;php中使用require_once包含.php文件
java使用import導(dǎo)入包
此中都有模塊化的思想。

2)模塊化的優(yōu)缺點(diǎn):

a>優(yōu)點(diǎn):
可維護(hù)性
1.靈活架構(gòu),焦點(diǎn)分離
2.方便模塊間組合、分解
3.方便單個(gè)模塊功能調(diào)試、升級(jí)
4.多人協(xié)作互不干擾
可測(cè)試性
1.可分單元測(cè)試

b>缺點(diǎn):
性能損耗
1.系統(tǒng)分層,調(diào)用鏈會(huì)很長
2.模塊間通信,模塊間發(fā)送消息會(huì)很耗性能

3)最近的項(xiàng)目中也有用到模塊化,使用的是seajs,但是當(dāng)引用到j(luò)query,jquery easyui/或者jquery UI組件時(shí),有可能會(huì)用到很多jquery插件,那這樣要是實(shí)現(xiàn)一個(gè)很復(fù)雜的交互時(shí),模塊間的依賴會(huì)很多,使用define()方法引入模塊會(huì)很多,不知有么有什么好的方法?

4)附:
內(nèi)聚度
內(nèi)聚度指模塊內(nèi)部實(shí)現(xiàn),它是信息隱藏和局部化概念的自然擴(kuò)展,它標(biāo)志著一個(gè)模塊內(nèi)部各成分彼此結(jié)合的緊密程度。好處也很明顯,當(dāng)把相關(guān)的任務(wù)分組后去閱讀就容易多了。 設(shè)計(jì)時(shí)應(yīng)該盡可能的提高模塊內(nèi)聚度,從而獲得較高的模塊獨(dú)立性。

耦合度
耦合度則是指模塊之間的關(guān)聯(lián)程度的度量。耦合度取決于模塊之間接口的復(fù)雜性,進(jìn)入或調(diào)用模塊的位置等。與內(nèi)聚度相反,在設(shè)計(jì)時(shí)應(yīng)盡量追求松散耦合的系統(tǒng)。

相關(guān)文章

  • JavaScript初學(xué)者應(yīng)注意的七個(gè)細(xì)節(jié)詳細(xì)介紹

    JavaScript初學(xué)者應(yīng)注意的七個(gè)細(xì)節(jié)詳細(xì)介紹

    種種語言都有它特別的地方,對(duì)于JavaScript來說,使用var就可以聲明任意類型的變量,這門腳本語言看起來很簡單,然而想要寫出優(yōu)雅的代碼卻是需要不斷積累經(jīng)驗(yàn)的,接下來介紹初學(xué)者應(yīng)注意
    2012-12-12
  • 深入理解javascript變量聲明

    深入理解javascript變量聲明

    本文是談?wù)勛约簩?duì)于javascript中變量聲明的一些看法、感想和理解,算是自己的一個(gè)小總結(jié)吧,分享出來給大家,希望對(duì)小伙伴們能有所幫助
    2014-11-11
  • JavaScript中的eval()函數(shù)詳解

    JavaScript中的eval()函數(shù)詳解

    和其他很多解釋性語言一樣,JavaScript同樣可以解釋運(yùn)行由JavaScript源代碼組成的字符串,并產(chǎn)生一個(gè)值。JavaScript通過全局函數(shù)eval()來完成這個(gè)工作
    2013-08-08
  • JavaScript進(jìn)階教程(第三課)

    JavaScript進(jìn)階教程(第三課)

    JavaScript進(jìn)階教程(第三課)...
    2007-04-04
  • 學(xué)習(xí)js在線html(富文本,所見即所得)編輯器

    學(xué)習(xí)js在線html(富文本,所見即所得)編輯器

    需要一個(gè)可以編輯同時(shí)又可顯效果的編輯框。textarea不行,它只能用來輸入純文本,不能顯示顏色、斜體之類的文字樣式,就像記事本,本文介紹所見即所得編輯器實(shí)現(xiàn)原理
    2012-12-12
  • 深入理解JavaScript系列(19):求值策略(Evaluation strategy)詳解

    深入理解JavaScript系列(19):求值策略(Evaluation strategy)詳解

    這篇文章主要介紹了深入理解JavaScript系列(19):求值策略(Evaluation strategy)詳解,本文講解了一般理論、按值傳遞、按引用傳遞、按共享傳遞(Call by sharing)、按共享傳遞是按值傳遞的特例等內(nèi)容,需要的朋友可以參考下
    2015-03-03
  • JS div勻速移動(dòng)動(dòng)畫與變速移動(dòng)動(dòng)畫代碼實(shí)例

    JS div勻速移動(dòng)動(dòng)畫與變速移動(dòng)動(dòng)畫代碼實(shí)例

    這篇文章主要介紹了JS div勻速移動(dòng)動(dòng)畫與變速移動(dòng)動(dòng)畫,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • JavaScript 學(xué)習(xí)初步 入門教程

    JavaScript 學(xué)習(xí)初步 入門教程

    看了《21天學(xué)習(xí)JavaScript》的視頻教程,感覺就是語法好熟悉,和C++類似,和C#類似,和Java類似!幡然悔悟這些語言的語法都是類似的,數(shù)據(jù)類型,對(duì)象方法(或者稱之為函數(shù),由于我是個(gè)菜鳥所以也數(shù)不清楚到底是什么)。
    2010-03-03
  • javascript中的array數(shù)組使用技巧

    javascript中的array數(shù)組使用技巧

    很多語言把數(shù)組作為集合的基礎(chǔ),所以array是學(xué)習(xí)每一項(xiàng)語言必須掌握的。
    2010-01-01
  • JS和jquery獲取各種屏幕的寬度和高度的代碼

    JS和jquery獲取各種屏幕的寬度和高度的代碼

    這篇文章介紹了JS和jquery獲取各種屏幕的寬度和高度的代碼,有需要的朋友可以參考一下
    2013-08-08

最新評(píng)論