博客 / 詳情

返回

前端seajs模塊化實踐

前端模塊化開發的價值
1、惱人的命名衝突
2、煩瑣的文件依賴
使用 Sea.js 來解決
除了解決命名衝突和依賴管理,使用 Sea.js 進行模塊化開發還可以帶來很多好處:

模塊的版本管理。通過別名等配置,配合構建工具,可以比較輕鬆地實現模塊的版本管理。
提高可維護性。模塊化可以讓每個文件的職責單一,非常有利於代碼的維護。Sea.js 還提供了 nocache、debug 等插件,擁有在線調試等功能,能比較明顯地提升效率。
前端性能優化。Sea.js 通過異步加載模塊,這對頁面性能非常有益。Sea.js 還提供了 combo、flush 等插件,配合服務端,可以很好地對頁面性能進行調優。
跨環境共享模塊。CMD 模塊定義規範與 Node.js 的模塊規範非常相近。通過 Sea.js 的 Node.js 版本,可以很方便實現模塊的跨服務器和瀏覽器共享。

不廢話,直接上代碼:

clipboard.png

在對應的html頁面引入seajs文件以及配製文件basejs文件

basejs:

clipboard.png

在action.js中調用對應的對象方法

clipboard.png

在那頁面行為控制的js文件中,類似indexControllerjs

clipboard.png

對於js文件模塊一般方法
參考
https://github.com/seajs/seaj...

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.