前端代碼規范筆記

李增田發布于2019-08-26 14:06 / 2368人閱讀

摘要：代碼規范編碼基本要求縮進量為個字節循環分支層次不要超過層空行和空白字符也是一種特殊注釋判斷條件，多用保證類型和值者一致所有變量在調用前必須被初始化對所有的用戶輸入，必須進行合法性檢查。一個方法的圈復雜度推薦最大為，多了請重構。

javaScript 代碼規范 編碼基本要求

1縮進量 tab為4個字節
2循環、分支層次不要超過 3 層
3空行和空白字符也是一種特殊注釋
4判斷條件，多用 === 保證類型和值者一致
5所有變量在調用前必須被初始化
6對所有的用戶輸入，必須進行合法性檢查。
7類采用 Pascal 大小寫的命名方式，每個單詞的首字母大寫
8函數，變量，參數，方法采用 Camel 命名方法，首個單詞的首字母小寫，其余單詞的首字母大寫
9常量由字母數字和下劃線組成，所有字母全部大寫
10對象、數組和正則必須優先使用其初始化器（{...}、[...]、/.../）聲明，非必要不得使用 new Object|Array|RegExp
11類成員函數定義必須用 prototype，如：class.prototype.func=function(){}。
12單個 JAVASCRIPT 類文件的最大長度不能超過 2000 行（含注釋部分）。
13單行長度不能超過 80 個字符,tab 寬度為 4（不允許修改
14每個方法的最大長度不超過 150 行。
15一個條件表達式中最多只能包含三個條件，多了請使用一個方法替換。
16一個方法的圈復雜度推薦最大為 10，多了請重構。圈復雜度可以通過決策點的數量來計算，具體計算方法是：從 1 開始，一直往下通過程序，一旦遇到 if、while、for、||、&&時就加 1，如果有 switch，每個 case 加 1
17方法的分支語句嵌套深度必須小于等于 3
18方法的循環語句嵌套深度小于等于 3
19選擇語句 switch 最后需要提供 default 選項對選項之外的情況進行容錯處理
20禁止在邏輯代碼中直接使用數字和字符串(不包含業務含義且一看就明白的簡單整數除外)。在代碼中直接使用數字和字符串，降低了代碼的可維護性。后期維護者很難了解數字和字符串的含義，也導致了需要在多處修改程序。使用數字和字符串時，應首先在常量類中定義一個常量，再使用這個常量。

GPU云服務器云服務器前端規范前端規范文檔代碼規范代碼規范考試

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

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

前端模塊化規范筆記

摘要：目前通行的的模板規范共有兩種和的模塊系統，是參照規范實現的即為服務器端模塊的規范。規范則是非同步加載模塊，允許指定回調函數。目前通行的Javascript的模板規范共有兩種：CommonJS 和 AMD commonjs nodejs的模塊系統，是參照commonjs規范實現的 commonjs即為服務器端模塊的規范。 commonjs的規范：根據commonjs規范，一個單獨的...

honmaple 2019-08-21 10:56 評論0 收藏0
webpack 學習筆記（一）

摘要：引言最近在學習，發現好多知識點，之前一點都沒有接觸過，如等等。使用本地安裝，會存于文件夾內與屬性內，更方便項目文件遷移以及協同開發等情況。引言最近在學習webpack，發現好多知識點，之前一點都沒有接觸過，如babel、core-js、browserslist等等。以前習慣了使用cli構建項目，很多東西不用考慮，拿來就用，這樣的碼農是不會有能力提升的，必須了解更多的知識點，才能成為...

zhangwang 2019-08-26 10:36 評論0 收藏0
CSS學習筆記(十六) CSS最佳實踐之可維護性篇

摘要：國內各大公司都已經投入使用，在一些常見的網站，如淘寶騰訊小米等移動站點，隨處可見其蹤影。變革之騰訊手機淘寶的設計與實現前端亂燉適配總結樣式重置上文已提及，這里推薦閱讀同學寫的專題文章。前言 CSS代碼難維護眾所皆知。為一個元素設置樣式的方式可以通過定義的class、定義的id、元素的標簽名、元素的屬性等選擇器以及這些選擇器的組合來實現；作用于某個元素上的樣式又可能來自單個樣式規...

newtrek 2019-08-28 18:21 評論0 收藏0
CSS學習筆記(十六) CSS最佳實踐之可維護性篇

摘要：國內各大公司都已經投入使用，在一些常見的網站，如淘寶騰訊小米等移動站點，隨處可見其蹤影。變革之騰訊手機淘寶的設計與實現前端亂燉適配總結樣式重置上文已提及，這里推薦閱讀同學寫的專題文章。前言 CSS代碼難維護眾所皆知。為一個元素設置樣式的方式可以通過定義的class、定義的id、元素的標簽名、元素的屬性等選擇器以及這些選擇器的組合來實現；作用于某個元素上的樣式又可能來自單個樣式規...

keke 2019-08-01 14:55 評論0 收藏0
JS學習筆記 - 模塊化

摘要：在開發大型的項目中，可能會使用到管理的模塊化工具。說道，學習過的同學會比較熟悉，是服務器模塊的規范，采用了這個規范。可能是未來模塊化解決方案的首選。本文章記錄本人在學習 JavaScript 中理解到的一些東西，加深記憶和并且整理記錄下來，方便之后的復習。在開發大型的web項目中，可能會使用到管理js的模塊化工具。但是在前端輪子漫天飛的時代。那一款js模塊化工具真正適合我...

CntChen 2019-08-22 10:57 評論0 收藏0