一. css方面
1.采用預(yù)編譯scss進(jìn)行原始版本管理
2.reset.css獨(dú)立出來,包含基礎(chǔ)reset以及全局通用組件的css(按鈕,頭部,底部,右側(cè)固定欄)
3.css中引用的圖片,采用sprite拼圖拼合在一起。
二. css方面
1.js的加載全部放在頁面底部加載
2.引入seajs,模塊化頁面js,設(shè)置統(tǒng)一入口,通過config.js進(jìn)行頁面js的版本控制
3.盡可能去掉頁面本身上的腳本,采用外鏈引用。
4.js代碼首先需要壓縮,然后通過服務(wù)器的combo服務(wù)拼合在一起
5.js代碼邏輯現(xiàn)在是按頁面功能以業(yè)務(wù)邏輯編寫的,初期優(yōu)化考慮改成
a.底層框架:jquery(基礎(chǔ)的dom操作,大家也最熟悉)
b.工具層:tools(cookie操作,瀏覽器檢測(cè),分享等)
c.視圖組件層:viewmodle(基于業(yè)務(wù)進(jìn)行設(shè)計(jì),結(jié)合數(shù)據(jù)部分,每個(gè)組件的init,ready,run,end等階段配置回調(diào)。方便后臺(tái)同事直接使用,以及細(xì)微需求的修改擴(kuò)展)
d.考慮采用AngularJS的語義化標(biāo)簽設(shè)計(jì), 數(shù)據(jù)變動(dòng)后自動(dòng)刷新視圖組件,避免ajax回調(diào)后dom的操作由后臺(tái)同事編寫
三. 團(tuán)隊(duì)方面
1.整合團(tuán)隊(duì)開發(fā)流程,用gulp工具簡(jiǎn)化重復(fù)的工作流。
2.其余團(tuán)隊(duì)優(yōu)化問題,需要根據(jù)具體痛點(diǎn),再制定解決方案。