js前端代碼復用（前端組件復用）

本文目錄一覽：

• 1、如何復用node.js包或代碼
• 2、新手請教，如何將一段JS代碼封裝成一個方法
• 3、jsp和前端js框架結合用哪個好
• 4、一個JS函數 在同一個頁面 怎麼重複利用啊
• 5、angularjs中，怎樣復用一個Controller中的重複代碼
• 6、POSTMAN中如何將一段JS代碼在多個接口中復用

如何復用node.js包或代碼

Meteor基於Node.js，但是卻有自己的包管理系統(atmosphere)以及代碼加載機制，且meteor是非異步的，這些都意味着，node.js包(npm package)和代碼通常不能直接用於meteor程序。 這裡分享三種方法以在meteor中復用node.js包和代碼。

新手請教，如何將一段JS代碼封裝成一個方法

鑒於樓主欠缺編程經驗，我就先不說封裝成jQuery插件等高大上的做法了。單就論封裝成方法而言。

方法，也就是函數。是面向過程式語言一種代碼復用的初級手段，簡而言之，就是把重複的部分用函數封裝起來。

例如貓叫多遍，cat.meow(), 你總不可能寫對應次數的代碼，一般會寫成：

function meow(num){

    for(var i=0;inum;i++){

        cat.meow()

    }

}

meow(1000)

這就是一種最基礎的代碼復用。

當然，面向對象的語言也許有更簡單的 cat.meow(1000)

那麼，針對樓主的情況。逐步講一下各層次的方法。最簡單的用函數封裝一下就是：

function effect(srcDom,destDom,className){

    $(srcDom).mouseenter(function(){

        $(destDom).addClass(className)

    }).mouseout(function(){

        $(destDom).removeClass(className)

    })

}

然後調用

effect(‘#plate-1′,’#plate-1hover’,’plate-1after’)

effect(‘#plate-2′,’#plate-2hover’,’plate-2after’)

effect(‘#plate-3′,’#plate-3hover’,’plate-3after’)

鑒於樓主的DOM的ID和Class命名比較有規律，可以寫成這樣

function effect(name){

    $(‘#’+name).mouseenter(function(){

        $(‘#’+name+’hover’).addClass(name+’after’)

    }).mouseout(function(){

        $(‘#’+name+’hover’).removeClass(name+’after’)

    })

}

然後調用

effect(‘plate-1’)

effect(‘plate-2’)

effect(‘plate-3’)

但是這樣還是不夠通用，樓主應該看看事件方面有關事件委託的知識

jsp和前端js框架結合用哪個好

JSP全稱Java Server Pages，是一種動態網頁開發技術，它使用JSP標籤在HTML網頁中插入Java代碼。JavaScript是Web的編程語言，現代的 HTML頁面都使用JavaScript。兩種技術各有各的好處，分別如下：

1.jsp優勢:（1）可以實現真正的前後端分離，加快整體響應速度。（2）代碼出現bug時，可以快速定位是出現問題處。（3）減少後端服務器的並發/負載壓力。（4）前端大量的組件代碼得以復用，組件化，提升開發效率。

2.JavaScript優勢:(1)可以用來向HTML（標準通用標記語言下的一個應用）頁面添加交互行為。（2）可以直接嵌入HTML頁面，如果寫成單獨的js文件有利於結構和行為的分離。（3）具有跨平台特性，可以在多種平台上運行。

在實際項目開發中，我們通常根據不同項目需求來選擇使用jsp和JavaScript。

一個JS函數 在同一個頁面 怎麼重複利用啊

沒有詳細的代碼，不過可以給你思路。

給每個擁有相同行為的問題DOM節點一個相同的class類，如question，同時給不同的問題一個不同的標識ID如 id=”question1″ id=”question2″…諸如此。

給類.question綁定點擊事件，在觸發函數裡面先判斷當前點擊的這個類的id，即可知道你要操作的是哪一個問題，然後調用你的那個伸縮函數即可。

angularjs中，怎樣復用一個Controller中的重複代碼

要解決此問題，請啟用這些禁用的服務，然後啟動這些服務：

1. 單擊逗開始地，右鍵單擊逗我的電腦地，然後單擊逗管理地。

2. 雙擊逗服務和應用程序地，然後雙擊逗服務地。

3. 右鍵單擊逗電話服務地，然後單擊逗屬性地。

4. 在逗常規地選項卡上，單擊逗啟動類型地旁邊的逗手動地。

5. 在逗常規地選項卡上，單擊逗服務狀態地下的逗啟動地，然後單擊逗確定地。

6. 分別對逗遠程訪問連接管理器地和逗遠程訪問自動連接管理器地重複步驟 3 到 5。

POSTMAN中如何將一段JS代碼在多個接口中復用

存為環境變量，直接用eval(變量名)，可以直接執行代碼，也可以在選擇集合右鍵edit在tests或者在request script中添加，整個集合里的接口通用。