有本身的開發風格,在我看來是一個開發成長過程當中的里程碑。
我也是最近纔敢意識本身有一些風格了。在這裏簡單說說。css
首先JavaScript:
方法要求單一職責原則。
一個方法必定有完整的邏輯開始部分和結束部分,是一個總體。
方法儘量減小無用的變量聲明。除了下降反作用還要避免多餘的變量佔用內存。html
考慮用設計模式解決複雜問題。目前成功應用的有策略模式來解決多條件選擇問題。
職責鏈模式解決多異步前後執行問題。
狀態模式解決多狀態問題。vue
考慮用面向對象簡化問題。ajax
利用分流函數控制不可控的瀏覽器行爲。
利用防抖函數控制人爲的點擊行爲。設計模式
減小全局做用域的使用,尤爲window。不使用window,至少能夠減小一層做用域鏈。瀏覽器
利用閉包實現全局變量的緩存效果。緩存
要有合理的註釋。閉包
開發單頁面的一些風格或者原則。以vue爲例說明。
使用混用mixin減小代碼重複。
使用組件化封裝組件,實現組件複用。框架
使用全局攔截器作一些共用的ajax邏輯。
使用vue的原型,將全局配置掛載在上面。異步
頁面銷燬時候清除定時器。
css部分
使用編譯器時候,利用編譯器減小重複代碼。
利用deep 修改組件內部的樣式
考慮多屏,考慮屏幕的變化,即使是在作pc端開發
考慮縮放效果
考慮用戶的使用習慣
多使用類優於id和行內
html
文字用p
標題用h系列
icon用i
標籤用label
塊佔用用div
內聯無心義用span
代碼顯示用pre
測試
至少有三個角度進行測試:正反和中間。
補充:
vue框架開發要將單組件的常量放在data裏面
多組件共享的常量要放在全局設置中。