資訊專欄INFORMATION COLUMN
結構 樣式 行為分離 模板只包含html文件，模板的書寫順序
相應的命名規則
html：語義化
css：類名以功能或內容命名
樣式復用 最好少于三級 在沒有必要的情況下避免元素選擇器疊加 Class、ID 使用 屬行的書寫順序 性能
js：避免重復查找dom
三元操作符電梯if條件語句 二元布爾操作符 樣式寫在一起 變量聲明，保存在一個變量里，避免多次查找dom jQuery鏈式寫法
1、獲取DOM對象后緩存到js變量中，避免重復查找DOM數
2、適配手機不同分辨率 最好用CSS3提供的media query（如果涉及到計算還是需要用到js）
3、jQuery中css()方法可以接受多個樣式不需要每個樣式都寫一遍 $("body").css({"width":"1px","height":"1px"})
4、ajax提交都需要做失敗處理
5、if..else中存在相同的代碼，應該寫在ifelse外
6、重復的代碼封裝成函數，方便復用
7、為了不污染全局作用域，建議將變量放在匿名函數中（注意某些情況需要在全局域中定義變量）
8、建議在定義變量時可一次性定義改域下所有要用到的變量，不用重復定義
9、$(".example").css("display","block")可以寫成$(".example").show()；$(".example").css("display","none")可以寫成$(".example").hide()；注意show()和hide()的使用方法。
10、使用鏈式寫法，jQuery的一大特點，就是允許使用鏈式寫法
$("div").find("h3").eq(2).html("Hello")采用鏈式寫法時，jQuery自動緩存每一步的結果，因此比非鏈式寫法要快。根據測試，鏈式寫法比（不使用緩存的）非鏈式寫法，大約快了25%。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78682.html
摘要：服務端任需要進行校驗來達到數據的可靠性前端的路由可能在服務端并不存在等等這一系列重用性的問題。串行并行，大幅縮短請求時間。關于作者本人主頁本文部分圖片段落參考文章淘寶前后端分離實踐微信公眾號會不定期推送前端技術文章，歡迎關注 一、背景 書接上文，淺談前后端分離與實踐(一) 我們用mock服務器搭建起來了自己的前端數據模擬服務，前后端開發過程中只需定義好接口規范，便可以相互進行各自的開發...
摘要：服務端任需要進行校驗來達到數據的可靠性前端的路由可能在服務端并不存在等等這一系列重用性的問題。串行并行，大幅縮短請求時間。關于作者本人主頁本文部分圖片段落參考文章淘寶前后端分離實踐微信公眾號會不定期推送前端技術文章，歡迎關注 一、背景 書接上文，淺談前后端分離與實踐(一) 我們用mock服務器搭建起來了自己的前端數據模擬服務，前后端開發過程中只需定義好接口規范，便可以相互進行各自的開發...
閱讀 3603·2021-11-24 10:25
閱讀 2508·2021-11-24 09:38
閱讀 1217·2021-09-08 10:41
閱讀 2903·2021-09-01 10:42
閱讀 2569·2021-07-25 21:37
閱讀 1981·2019-08-30 15:56
閱讀 914·2019-08-30 15:55
閱讀 2750·2019-08-30 15:54
