### 編碼規范 > * [Code Guide of 8591](http://www.debug.8591.com.tw/docs-codeGuide.html) ### 開發工具 > * Sublime Text ### 開發目錄 |開發目錄名稱|前端目錄結構說明| |--| |tmpl|模版文件| |s|靜態文件（新版）（圖片、css、javascript等文件）| |statics|靜態文件（舊版）（圖片、css、javascript等文件）| ### 開發框架 > * [sea.js](http://seajs.org/docs/)----[模塊化開發](https://github.com/seajs/seajs/issues/547) > _模塊化開發的好處:_ > 1.**模塊的版本管理**。通過別名等配置，配合構建工具，可以比較輕松地實現模塊的版本管理。 > 2.**提高可維護性**。模塊化可以讓每個文件的職責單一，非常有利于代碼的維護。Sea.js 還提供了 nocache、debug 等插件，擁有在線調試等功能，能比較明顯地提升效率。 > 3.**前端性能優化**。Sea.js 通過異步加載模塊，這對頁面性能非常有益。Sea.js 還提供了 combo、flush 等插件，配合服務端，可以很好地對頁面性能進行調優。 > 4.**跨環境共享模塊**。CMD 模塊定義規范與 Node.js 的模塊規范非常相近。通過 Sea.js 的 Node.js 版本，可以很方便實現模塊的跨服務器和瀏覽器共享。 ### 性能優化 > * css文件采用雙問號進行合并壓縮 > `<link rel="stylesheet" href="http://s.8591.com.tw/??css/public/base.css,css/public/header.css" type="text/css"> ` > * javascript文件采用grunt進行自動合并壓縮 ### 資源 > * [醉牛前端](http://f2er.club/) > * [在線工具](http://tool.oschina.net/) > * [電子書](http://www.w3cfuns.com/feres.php?do=picture&listtype=book)