前端seajs模塊化實踐

前端模塊化開發的價值
一、惱人的命名衝突
二、煩瑣的文件依賴
使用 Sea.js 來解決
除了解決命名衝突和依賴管理,使用 Sea.js 進行模塊化開發還能夠帶來不少好處:html

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

不廢話,直接上代碼:前端

clipboard.png

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

basejs:github

clipboard.png

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

clipboard.png

在那頁面行爲控制的js文件中,相似indexControllerjs性能優化

clipboard.png

對於js文件模塊通常方法
參考
https://github.com/seajs/seaj...服務器

相關文章
相關標籤/搜索