淺談前端開發規范

Luosunce 發布于2019-08-30 12:47 / 1606人閱讀

結構樣式行為分離模板只包含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%。

GPU云服務器云服務器前端規范前端規范文檔開發規范 PHP開發規范

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115064.html

淺談前端開發規范

結構樣式行為分離模板只包含html文件，模板的書寫順序相應的命名規則 html：語義化css：類名以功能或內容命名樣式復用最好少于三級在沒有必要的情況下避免元素選擇器疊加 Class、ID 使用屬行的書寫順序性能 js：避免重復查找dom 三元操作符電梯if條件語句二元布爾操作符樣式寫在一起變量聲明，保存在一個變量里，避免多次查找dom jQuery鏈式寫法 1、獲...

phodal 2019-08-19 17:36 評論0 收藏0
淺談前端開發規范

結構樣式行為分離模板只包含html文件，模板的書寫順序相應的命名規則 html：語義化css：類名以功能或內容命名樣式復用最好少于三級在沒有必要的情況下避免元素選擇器疊加 Class、ID 使用屬行的書寫順序性能 js：避免重復查找dom 三元操作符電梯if條件語句二元布爾操作符樣式寫在一起變量聲明，保存在一個變量里，避免多次查找dom jQuery鏈式寫法 1、獲...

mumumu 2019-08-01 15:04 評論0 收藏0
淺談前后端分離與實踐之 nodejs 中間層服務（二）

摘要：服務端任需要進行校驗來達到數據的可靠性前端的路由可能在服務端并不存在等等這一系列重用性的問題。串行并行，大幅縮短請求時間。關于作者本人主頁本文部分圖片段落參考文章淘寶前后端分離實踐微信公眾號會不定期推送前端技術文章，歡迎關注一、背景書接上文，淺談前后端分離與實踐(一) 我們用mock服務器搭建起來了自己的前端數據模擬服務，前后端開發過程中只需定義好接口規范，便可以相互進行各自的開發...

ddongjian0000 2019-08-21 17:13 評論0 收藏0
淺談前后端分離與實踐之 nodejs 中間層服務（二）

摘要：服務端任需要進行校驗來達到數據的可靠性前端的路由可能在服務端并不存在等等這一系列重用性的問題。串行并行，大幅縮短請求時間。關于作者本人主頁本文部分圖片段落參考文章淘寶前后端分離實踐微信公眾號會不定期推送前端技術文章，歡迎關注一、背景書接上文，淺談前后端分離與實踐(一) 我們用mock服務器搭建起來了自己的前端數據模擬服務，前后端開發過程中只需定義好接口規范，便可以相互進行各自的開發...

mochixuan 2019-08-01 17:51 評論0 收藏0
后端語言選型淺談

摘要：再往后來，也就是這種以事件循環常駐內存為特點的后端平臺，姑且能算是第四代后端平臺。前不久回答了一個關于后端語言選型的問題，寫的回答也讓筆者有了很多感觸，因此在這里談論下自己對后端語言選型的心得體會，姑且算是拋磚引玉，希望大家能分享各自的心得。后端語言發展歷史 Web 后端語言的興起是從靜態網頁向動態網頁的發展所產生的，最早的動態頁面技術就是 CGI 技術，將客戶端的輸入交給 CGI...

xcc3641 2019-06-27 14:09 評論0 收藏0