淺談前端開發規範

結構 樣式 行爲分離 模板只包含html文件，模板的書寫順序
相應的命名規則

html：語義化
css：類名以功能或內容命名

樣式複用 
最好少於三級 
在沒有必要的狀況下避免元素選擇器疊加 Class、ID 使用  
屬行的書寫順序
性能

js：避免重複查找dom

三元操做符電梯if條件語句
二元布爾操做符
樣式寫在一塊兒
變量聲明，保存在一個變量裏，避免屢次查找dom
jQuery鏈式寫法

一、獲取DOM對象後緩存到js變量中，避免重複查找DOM數
二、適配手機不一樣分辨率 最好用CSS3提供的media query（若是涉及到計算仍是須要用到js）
三、jQuery中css()方法能夠接受多個樣式不須要每一個樣式都寫一遍 $('body').css({'width':'1px','height':'1px'})
四、ajax提交都須要作失敗處理
五、if..else中存在相同的代碼，應該寫在ifelse外
六、重複的代碼封裝成函數，方便複用
七、爲了避免污染全局做用域，建議將變量放在匿名函數中（注意某些狀況須要在全局域中定義變量）
八、建議在定義變量時可一次性定義改域下全部要用到的變量，不用重複定義
九、$('.example').css('display','block')能夠寫成$('.example').show()；$('.example').css('display','none')能夠寫成$('.example').hide()；注意show()和hide()的使用方法。
十、使用鏈式寫法，jQuery的一大特色，就是容許使用鏈式寫法
$('div').find('h3').eq(2).html('Hello')採用鏈式寫法時，jQuery自動緩存每一步的結果，所以比非鏈式寫法要快。根據測試，鏈式寫法比（不使用緩存的）非鏈式寫法，大約快了25%。