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

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

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

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

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

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

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

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

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

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

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

相關(guān)文章

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

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

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

    深入理解javascript變量聲明

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

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

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

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

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

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

    需要一個可以編輯同時又可顯效果的編輯框。textarea不行,它只能用來輸入純文本,不能顯示顏色、斜體之類的文字樣式,就像記事本,本文介紹所見即所得編輯器實現(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勻速移動動畫與變速移動動畫代碼實例

    JS div勻速移動動畫與變速移動動畫代碼實例

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

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

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

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

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

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

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

最新評論