React 前端開發規範(執行版)

2021-08-19 18:31:15 字數 2346 閱讀 3894

一、命名規範

1.變數

命名方法:小駝峰式命名法,首字母小寫。studentinfo、userinfo

命名建議:使用英文單詞組合,語義清晰

忌:var a=0;var nihao=true;

註明:無法用英文詮釋的單詞可使用首拼,例:var hkb={};//戶口本

2.常量

命名方法:全部大寫,下劃線分隔

命名規範:使用大寫字母和下劃線來組合命名,下劃線用以分割單詞

例:var max_count=10;

3.函式

命名方法:小駝峰式命名法,首字母小寫。isstudent、getuserinfo

命名建議:字首最好為動詞

4.建構函式

說明:建構函式也屬於函式的一種,只不過採用new 運算子建立物件

命名方法:大駝峰式命名法,首字母大寫。

例:function student(name) 引數 單獨型別的引數

* @param 引數

多種型別的引數

* @param [可選引數] 引數

可選引數用包起來

* @return 說明

@author 作者 建立時間 修改時間(短日期)改別人**要留名

* @example 舉例(如果需要)

常用型別 array、number、int、float、boolean、object、null、undefined、string、void

例:* 獲取樹元件的資料

* @param  id

* @return 返回此id下的陣列

* @author jialong2018/5/5

* @example 例

* var list=gettreelistitemdataforid (23);

gettreelistitemdataforid (id)

方法render() \ a{} \ h{} div{} 的元素選擇器

四、路由&元件規範

1.router.js

a) import  shopfeature  from  './routes/systemdataconfig/shopfeature';

path="systemdataconfig/shopfeature/" component= />

2.  src\services\test.js

"menuname": "系統資料配置",

"forwardurl": "/systemdataconfig",

"id": "113",

"children": [

"menuname": "店面型別維護",

"forwardurl": "/systemdataconfig/shoptypemaintain/",

"id": "115"

"menuname": "商圈資訊維護",

"forwardurl": "/businessinformaintain/businessinformaintain/",

"id": "115"

五、專案規範

1.介面表

a)  存放位置

src\services\inte***ce.js

b)  內部規範

import url from './website';

level:,;//介面物件

c)  介面物件規範

1.   保持和頁面同樣的層級結構(檔案的名稱)

2.   每個介面都需要帶有注釋

七、專案位址

專案git

八、開發工具(atom)常用外掛程式

n atom beautify

**格式化工具

n docblockr 文件化注釋

n simplified-chinese-menu 簡體中文語言包

n platformio-ide-terminal 終端工具

n atom-ternjs   js,nodejs,es6補全,高度定製化

n autoclose-html  閉合html標籤

n autoprefixer css瀏覽器相容自動補全

n autocomplete-paths 填寫路徑的時候有提示

n file-icons file檔案icons圖示,檔案圖示

n minimap **縮圖

n color-picker 取色器

React 開發規範(1)

乙個檔案宣告乙個元件 使用 jsx 語法 使用 class 函式或 hooks 宣告元件,不使用 react.createelement 1 元件名稱和定義該元件的檔名稱盡量保持一致,名稱盡量簡短 good import mycomponent from mycomponent bad import...

前端開發規範

前端開發 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.對...