網站前端開發(fā)的代碼排版風格

2021-04-11 分類：網站建設

雖然任何一種語言都沒有任何約定的風格，但也總有一些不成文且喜聞樂見的習俗。以你的代碼為例，給以下幾個風格上的建議：

每個function之間多一空行，是的，除去注釋外再多一空行；

適當加空格，比如if和后面的括號之間的空格、小括號和花括號之間的空格、冒號和function之間的空格等等；

風格上保持一致，你的代碼里面有的地方+號和運算數(shù)之間有空格，有的則沒有；

少用下劃線開頭的變量命名；

一段代碼里，var語句可以合并在一起；

暫時不會再修改的function或object，先用編輯器折疊起來，看上去也會整潔很多；

黑色背景的editor風格不錯，不過關鍵字、注釋、運算符等顏色上可以再調整，主要是為了防止審美疲勞，換個色調換個心情；

使用成熟的javascript庫

如果沒看錯的話，你可能是使用了jquery吧（至少也有一個類似sizzle或更簡單的解析器，證據(jù)在倒數(shù)第十行左右）。所以，就盡可能避免使用原生的javascript.dom操作。

jquery的符號，以cssselector風格統(tǒng)一取代了各種getelement(s)byxxx的接口，并且擴展性非常強，是很多設計模式思想的綜合運用。

當然原生dom也有自己的優(yōu)勢（主要是執(zhí)行效率），但是大部分時候，在開發(fā)效率、代碼質量、執(zhí)行效率的tradeoff中，jquery還是好選擇。此外也推薦下javascript.mvc庫、jqueryui庫等等。

代碼整理
構思清楚，再寫代碼，你已經做到了。
但是，誰能保證代碼是一成不變、一勞永逸的呢？
所以，「重構」的時候，除非是時間緊迫，永遠不要松懈代碼質量。
web前端愛好者toobug對樓主的代碼也進行了詳細的點評，并且也給出了一些非常有意義的指導：

代碼中邏輯沒有分塊、沒有空行、沒有注釋、看起來很累，建議對代碼進行分塊，比如將變量集中在頭部定義，然后處理一些賦值，最后執(zhí)行一些其它的函數(shù)。具體到這個例子，有很多不恰當?shù)牡胤?，比如可以先var_height；然后在條件分支中進行賦值，比如在一堆賦值語句中間夾雜了一個parsetemplate。

“_”用得太多，this._var這個可以理解，因為要區(qū)分是否私有變量，但是var_height這個完全沒有必要加，加得太多反而看著很累，而且也沒有任何區(qū)分的意義。

沒有將常用的變量緩存，這里最應該緩存的是this._options，要不然看起來很亂，而且緩存起來對性能也是有好處的。

對象的規(guī)劃（命名）不清晰，比如this._options和this.opts什么關系？我反正是看不明白。

代碼風格不統(tǒng)一。

函數(shù)內變量名混亂（和第四點很像），比如第二個函數(shù)中id和_id什么關系？為什么不用aaaid和bbbid？cre又是什么，難道是createelement縮寫？變量盡量起有意義的，可區(qū)分的名字。

函數(shù)名稱表義不明，命名不符合大部分規(guī)范約定。第一眼看到_ishavetable，我第一反應是，這應該是類似returntrue或者returnfalse之類的吧。結果一看，這么長，難道返回在后面？又往后看了一眼，這根本就沒有返回啊！那為什么要用_ishavetable??？_is開頭的函數(shù)明明白白就應該返回一個true或者false啊。

當前題目：網站前端開發(fā)的代碼排版風格
URL分享：http://jinyejixie.com/news22/106872.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、App開發(fā)、服務器托管、虛擬主機、網站內鏈、電子商務

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

現(xiàn)在學習網站平面設計的人是越來越多了 2021-04-11
網站設計的未來：響應式設計路在何方？ 2021-04-11
IT托管和項目外包完全不是一回事 2021-04-11
網站續(xù)費必須知道的幾個要素 2021-04-11
400電話對企業(yè)的意義 2021-04-11
網站前端開發(fā)工程師應遵循的代碼規(guī)范 2021-04-11
建站,一樣設計不一樣的速度 2021-04-11
生成HTML靜態(tài)頁面的站點會對服務器硬盤有損害嗎 2021-04-11

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

網站前端開發(fā)的代碼排版風格