newcoder前端開發規範

2021-08-16 03:32:56 字數 782 閱讀 5677

前端開發規範:

1、變數命名規範

1.1變數命名使用駝峰規則,首字母為變數的型別。

s:字串(string)變數,比如shtml = 「」;

o:物件(object)比如obody = {};

a:陣列(array)變數。 比如 apart = ;

n:數字(number)變數 包括所有整數 浮點數 nage = 14; npi = 3.14;

f:函式變數(function) var fcb = function(){}或者function fcb{}

r:正規表示式:rnum = /^\d+$/

1.2 不確定型別的變數統一用 o表示

1.3 物件中key 禁止用1.1中原則

比如 var person =

1.4 dom 元素的class採用 - 分割 比如class= 「js-action-del」;

1.5 dom 元素的id採用 駝峰命名 id = 「jsactiondel」

1.6 給js**使用的class 和 id 統一js開頭,這樣看到命名就可以知道該元素上 繫結了js**。

2、前端開發注意點

2.1 for迴圈中length 前置申明 避免重複計算

2.2 判斷相等用 === 禁止使用 == (=== 為 true 的, == 為true === false 的 , == 不一定為false.)

比如 下面 用 == 全成立 == 全不成立 false == 0 undefined == null i == 『i』

前端開發規範

前端開發 lang zh cn name renderer content webkit 錯誤示例 body html dom 上面的 會導致一下問題 names 2 插入頁面後,推薦的angularjs寫法 3.4.4 jquey呼叫angularjs的方法 思路 取得angularjs作用域下的...

前端開發規範

1.變數與函式命名 駝峰式 2.元件命名 首字母大寫駝峰式 3.常量命名 字母大寫,單詞間用下劃線分隔 4.優先使用箭頭函式,如果只有乙個引數,也必須function 5.使用模板字串取代連線字串,www.name com 改為www.com 6.宣告變數使用let或const,結束後加分號。7.對...

前端vue開發規範

1.建議使用vscode 可根據個人開發習慣進行選擇 2.vscode 使用外掛程式建議 3.使用統一縮排,以tab縮排,乙個tab大小為2個空格 1.變數名,檔名,元件名,檔名等遵循駝峰命名規則 多單詞拼接首字母小寫,如 userinfo productinfo 同時遵循語義化規則,能直觀明白意圖...