前端基礎(chǔ)開發(fā)文檔

1. 駝峰式命名法

-Pascal Case ?駝峰式命名法:?字??寫鲸郊。eg:StudentInfo赦肃、UserInfo溅蛉、ProductInfo -Camel Case?

?駝峰式命名法:?字??寫。eg:studentInfo他宛、userInfo船侧、productInfo

2. ?件命名規(guī)范

?件名不能含有空格 ?件名建議只使??寫字?,不使??寫字?堕汞。(但?如說像github的說明類?件勺爱, README晃琳,則應(yīng)該全部使??寫)

1. 駝峰式命名法

2. ?件命名規(guī)范

3. ?件名包含多個(gè)單詞時(shí)讯检,單詞之間建議使?半?的連詞線 ( - ) 分隔琐鲁。

3. vue的開發(fā)規(guī)范

3.1 vue的?命鉤?函數(shù)

3.2 vue?件基本結(jié)構(gòu)

3.4 v-for

在執(zhí)? v-for 遍歷的時(shí)候,總是應(yīng)該帶上 key 值使更新 DOM 時(shí)渲染效率更?

3.5 v-if / v-else-if / v-else

3.5 method ?法命名命名規(guī)范

駝峰式命名人灼,統(tǒng)?使?動(dòng)詞或者動(dòng)詞+名詞形式

請求數(shù)據(jù)?法围段,以 data 結(jié)尾

3.6 views/components 下的?件命名

只有?個(gè)?件的情況下不會(huì)出現(xiàn)?件夾,?是直接放在 views/components ?錄下?投放,如 index.vue

盡量是名詞,且使?駝峰命名法

開頭的單詞就是所屬模塊名字(workbenchIndex奈泪、workbenchList、workbenchEdit)

名字?少兩個(gè)單詞(good: workbenchIndex)(bad:workbench)?

3.7 元素特性的順序

原?屬性放前?灸芳,指令放后?

3.8 ?錄?件夾及??件規(guī)范

可以根據(jù)??的習(xí)慣來使?components和views?件夾

3.9 注釋規(guī)范

代碼注釋在?個(gè)項(xiàng)?的后期維護(hù)中顯的尤為重要涝桅,所以我們要為每?個(gè)被復(fù)?的組件編寫組件使?說明,

為組件中每?個(gè)?法編寫?法說明

3.9.1 務(wù)必添加注釋列表

公共組件使?說明

各組件中重要函數(shù)或者類說明

復(fù)雜的業(yè)務(wù)邏輯處理說明

特殊情況的代碼處理說明,對于代碼中特殊?途的變量烙样、存在臨界值冯遂、函數(shù)中使?的 hack、使?了某種算

法或思路等需要進(jìn)?注釋描述

多重 if 判斷語句

注釋塊必須以/**(?少兩個(gè)星號)開頭**/

單?注釋使?//

3.9.2 單?注釋

3.9.3 多?注釋

4. 語法

4.1 變量申明

4.1.1 盡量使? const

應(yīng)當(dāng)使??const?來定義所有引?變量谒获;避免使??var 蛤肌。 這能夠確保你的引?值不會(huì)被重新賦值,減少項(xiàng)?中的 bug批狱,并提?代碼的可讀性裸准。

4.1.2 不要使? var

如果必須要使??個(gè)可以被重新賦值的引?,必須??let?來代替?var 赔硫。

原因是炒俱,let 創(chuàng)建塊級作?域的變量,? var 創(chuàng)建的函數(shù)級作?域變量會(huì)造成變量提升爪膊。

4.1.3 最?作?域

變量應(yīng)當(dāng)在最接近它們被使?的地?被定義向胡,?不是定義在塊級作?域的開頭。這樣能確 保它們影響最?的作?域范圍惊完。

需要注意的是僵芹,let 和 const 都是塊級作?域的

4.2 對象

4.2.1 使?字?量創(chuàng)建新對象

創(chuàng)建對象時(shí),應(yīng)當(dāng)使?字?量創(chuàng)建對象小槐。

由于?者在性能上沒有區(qū)別拇派,?使?字?量能減少代碼?件的??,且讓團(tuán)隊(duì)?格統(tǒng)?凿跳。因 此字?量創(chuàng)建對象是?個(gè)更好的?法件豌。


4.2.2 動(dòng)態(tài)屬性名

對象的動(dòng)態(tài)屬性名應(yīng)當(dāng)使?計(jì)算屬性名的?式定義

這能夠讓對象的所有屬性在同?個(gè)地?被定義,減少維護(hù)?作量


4.2.3 使?對象?法簡寫

這是 ES6 提供的語法糖控嗜,這個(gè)語法可以更簡潔地定義復(fù)雜對象字?量茧彤。


4.2.4 僅在必要時(shí)給屬性名加上引號

不應(yīng)當(dāng)給常規(guī)的對象屬性名加引號。

在性能上疆栏,?多數(shù) JS 引擎對?引號的屬性名讀取有更?的性能曾掂。?且代碼編輯器會(huì)對此有 語法?亮惫谤。?

4.3 類

4.3.1 class 關(guān)鍵詞

應(yīng)該使? Class 來創(chuàng)建?個(gè)類,?不是使?原型?式珠洗。

4.3.2 extend 關(guān)鍵詞

應(yīng)該?使? extends 來繼承?個(gè)類溜歪,?不是使?原型鏈或者 apply ?法

使?語法糖,提?代碼可讀性

4.4 函數(shù)

4.4.1 函數(shù)聲明

不應(yīng)當(dāng)使?函數(shù)聲明?式來創(chuàng)建函數(shù)许蓖。直接聲明函數(shù)會(huì)使函數(shù)聲明提前蝴猪,導(dǎo)致它在函數(shù)定義之 前就可以被引?。這會(huì)影響可讀性和可維護(hù)性膊爪。

如果?個(gè)函數(shù)?法太?自阱,或者太復(fù)雜,使得它影響了?件其余部分代碼的理解米酬,應(yīng)當(dāng)將其獨(dú)? 出來作為?個(gè)模塊

4.4.2 不在?函數(shù)塊中定義函數(shù)

不允許在?函數(shù)塊作?域中(例如?if,?while?等)定義?個(gè)函數(shù)动壤。應(yīng)當(dāng)先把函數(shù)分配給?個(gè)變量。

4.4.3 箭頭函數(shù)

當(dāng)必須使??個(gè)函數(shù)表達(dá)式時(shí)淮逻,例如作為回調(diào)函數(shù)傳遞給?法琼懊,應(yīng)當(dāng)使?箭頭函數(shù)。 箭頭的兩側(cè)必須有?個(gè)空格爬早。

箭頭函數(shù)能避免 this 上下?的困擾哼丈,并且很簡潔。 如果有必須使?獨(dú)? this 上下?的情況筛严,應(yīng)當(dāng)??定義函數(shù)后再進(jìn)?傳遞?

4.5 模塊

4.5.1 import/export

應(yīng)當(dāng)使??import/export?來導(dǎo)?模塊醉旦。 禁?導(dǎo)出?個(gè)導(dǎo)?語句。


4.5.2 通配符

禁?使?通配符導(dǎo)?模塊桨啃。 因?yàn)檫@要求對應(yīng)模塊必須有?個(gè)默認(rèn)導(dǎo)出項(xiàng)车胡。

4.5.3 多次導(dǎo)?

禁?從?個(gè)?件中多次導(dǎo)?屬性。

4.5.3 默認(rèn)導(dǎo)出

當(dāng)只有?個(gè)導(dǎo)出項(xiàng)時(shí)照瘾,應(yīng)當(dāng)使?默認(rèn)導(dǎo)出匈棘。

4.6 ?較

4.6.1 ===/==

必須使??===?和?!==?來進(jìn)??較。如?必要析命,不應(yīng)當(dāng)使??==?和?!= 主卫。

4.6.2 三元表達(dá)式

如?必要,禁?嵌套三元表達(dá)式鹃愤。如?必要不應(yīng)當(dāng)折?簇搅。

實(shí)際在編寫代碼的時(shí)候?yàn)槭菇Y(jié)構(gòu)清晰是不建議使?這種三元表達(dá)式嵌套的,并且代碼的執(zhí)? 效率也會(huì)降低软吐,因此還是使?常規(guī)的分?結(jié)構(gòu)


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末瘩将,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌姿现,老刑警劉巖肠仪,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異建钥,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)虐沥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進(jìn)店門熊经,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人欲险,你說我怎么就攤上這事镐依。” “怎么了天试?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵槐壳,是天一觀的道長。 經(jīng)常有香客問我喜每,道長务唐,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任带兜,我火速辦了婚禮枫笛,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘刚照。我一直安慰自己刑巧,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布无畔。 她就那樣靜靜地躺著啊楚,像睡著了一般。 火紅的嫁衣襯著肌膚如雪浑彰。 梳的紋絲不亂的頭發(fā)上恭理,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天,我揣著相機(jī)與錄音郭变,去河邊找鬼蚯斯。 笑死,一個(gè)胖子當(dāng)著我的面吹牛饵较,可吹牛的內(nèi)容都是我干的拍嵌。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼循诉,長吁一口氣:“原來是場噩夢啊……” “哼横辆!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起茄猫,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤狈蚤,失蹤者是張志新(化名)和其女友劉穎困肩,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體脆侮,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡锌畸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了靖避。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片潭枣。...
    茶點(diǎn)故事閱讀 38,599評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖幻捏,靈堂內(nèi)的尸體忽然破棺而出盆犁,到底是詐尸還是另有隱情,我是刑警寧澤篡九,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布谐岁,位于F島的核電站,受9級特大地震影響榛臼,放射性物質(zhì)發(fā)生泄漏伊佃。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一沛善、第九天 我趴在偏房一處隱蔽的房頂上張望锭魔。 院中可真熱鬧,春花似錦路呜、人聲如沸迷捧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽漠秋。三九已至,卻和暖如春抵屿,著一層夾襖步出監(jiān)牢的瞬間庆锦,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工轧葛, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留搂抒,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓尿扯,卻偏偏與公主長得像求晶,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子衷笋,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 概要 64學(xué)時(shí) 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,125評論 0 3
  • Android編碼規(guī)范 源文件基礎(chǔ) 文件名 源文件以其最頂層的類名來命名芳杏,大小寫敏感,文件擴(kuò)展名為.java。 文...
    呼呼哥閱讀 936評論 0 0
  • 洞中玉像倒不見得真的另有其人。無崖子也不見得移情別戀空幻。 這樣才比較有現(xiàn)實(shí)意義烁峭。 你被某個(gè)人吸引、以為是愛情秕铛。 于是...
    寶寶打怪獸閱讀 150評論 0 0
  • 由于教材改版约郁,開學(xué)初就對新課文《夢回繁華》的作者毛寧很感興趣。不僅是我如捅,大家都在討論棍现,這個(gè)毛寧是哪個(gè)毛寧呢调煎?由于課...
    焦點(diǎn)周青閱讀 894評論 0 1
  • 如果不主動(dòng)镜遣,以后一切的一切都只與別人有關(guān)如果主動(dòng),某個(gè)人的一切很多事情也許就是跟自己有關(guān)了士袄!勇敢的踏出第一步悲关,真的...
    yoliChan閱讀 181評論 0 0