成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

前端JS代碼規(guī)范

zhiwei / 2488人閱讀

摘要:縮進(jìn)為個空格句末必須用分號結(jié)尾待定就無分號注釋單行注釋多行注釋代碼注釋和再提交重要函數(shù)或者類等都要添加頭描述字符串拼接應(yīng)使用數(shù)組保存字符串片段,使用時調(diào)用方法。

前言

下面這幾點將工作中所踩的一些坑簡單整理了一下,團(tuán)隊幾個人開發(fā),一些默契就比較重要,可以提高開發(fā)效率和代碼的可讀性

命名,編碼和注釋 命名

A.文件夾命名:文件夾、文件的命名與命名空間應(yīng)能代表代碼功能,可讀性強(qiáng),如hub
B.函數(shù)和變量命名:
具有意義的駝峰命名,如hubList;
變量函數(shù)名禁止使用關(guān)鍵字和保留字,禁止重新定義(不能重名)或定義不用
C.常量:大寫字母,如HUBLIST

編碼

采用統(tǒng)一的縮進(jìn)方式排版代碼。縮進(jìn)為2個ASCII空格,句末必須用分號結(jié)尾(待定,vue就無分號)

注釋

A單行注釋

B多行注釋

C.Js代碼注釋console.log和debugger再提交
D.重要函數(shù)或者類等都要添加頭描述

字符串拼接

應(yīng)使用數(shù)組保存字符串片段,使用時調(diào)用join方法。避免使用+或+=的方式拼接較長的字符串,每個字符串都會使用一個小的內(nèi)存片段,過多的內(nèi)存片段會影響性能

例一:

例二:會影響性能

ES6的使用 變量聲明:

Let:不存在變量提升問題;不能重復(fù)聲明

常量聲明:

Const:原理是內(nèi)存地址不可變

箭頭函數(shù):

A.有函數(shù)名

B.無函數(shù)名

C.箭頭函數(shù)使用注意的問題:
This指向定義者,內(nèi)部無arguments對象,不能new(因為箭頭函數(shù)的this就是指向定義本身),函數(shù)里面不要有太多的return
D.函數(shù)的形參不超過7個,超過用數(shù)組,調(diào)用時實參和形參對應(yīng)
E.不能有重復(fù)的返回
F.在循環(huán)內(nèi)部聲明函數(shù)慎用,因為是循環(huán)執(zhí)行完成函數(shù)調(diào)用才會執(zhí)行
G.Return后面不要寫代碼,并且不封裝成if…then…else…

導(dǎo)入和導(dǎo)出

使用import和export,只能位于代碼頂部和頂部,如果代碼中部需要按需導(dǎo)入文件使用require

解決地獄回調(diào)問題

A.方法一

B.方法二

C.promise解決多個ajax或定時器調(diào)用數(shù)據(jù)依賴問題

1.promise里面不存在ajax和定時器

var data1=12;
  Promise.resolve().then(
    function(){data1=24})
  .then(function(){
    console.log(data1);
  })
  

2.存在定時器

var data2=54;
let _this=this;
  Promise.resolve().then(function(){
    return new Promise(function(res,rej){
        setTimeout(() => {
        data2=36
        console.log(data2)
        console.log(_this)
        res()
        return data2;
      }, 10);
      })
  }).then(function(){
    console.log(data2)
  })

在定時器里面設(shè)置res(),res執(zhí)行啦,才會執(zhí)行then(),如果對應(yīng)的ajax也可以做類似的封裝
promise里面的this并不指向vue,所以需要在外面緩存

3.axios封裝的promise
可以在axios里面設(shè)置flag,用watch監(jiān)聽,值返回再執(zhí)行下面的代碼,并設(shè)置Flag為false

If,for…in,for…of和的使用

A.能用三元運算符就用,減少if的嵌套,第一個花括號位于一行的結(jié)束

B.減少多余條件判斷,如果是函數(shù)返回if里面和外面返回相同的數(shù)據(jù)類型


C.If…else if…else多個條件時以else結(jié)尾,因為符合防御性編程規(guī)則
D.NaN不應(yīng)該用于比較,應(yīng)該是判斷是否是數(shù)字
E.Switch…case使用在至少有三個判斷值,case不可省,每次case必須用break跳出
F.for…of遍歷數(shù)組和字符串

可以使用break,return(一個循環(huán)一個),continue不使用,降低代碼可讀性
G.for…in遍歷對象
For…in遍歷對象包括所有繼承的屬性,所以如果只是想使用對象本身的屬性需要做一個判斷

總結(jié)

歡迎大家補(bǔ)充和修正!大家圣誕節(jié)快樂.

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/90431.html

相關(guān)文章

  • 從 1 到完美,寫一個 js 庫、node 庫、前端組件庫

    摘要:從到完美,寫一個庫庫前端組件庫之前講了很多關(guān)于項目工程化前端架構(gòu)前端構(gòu)建等方面的技術(shù),這次說說怎么寫一個完美的第三方庫。使用導(dǎo)出模塊,就可以在使用這個庫的項目中構(gòu)建時使用功能。 從 1 到完美,寫一個 js 庫、node 庫、前端組件庫 之前講了很多關(guān)于項目工程化、前端架構(gòu)、前端構(gòu)建等方面的技術(shù),這次說說怎么寫一個完美的第三方庫。 1. 選擇合適的規(guī)范來寫代碼 js 模塊化的發(fā)展大致有...

    rollback 評論0 收藏0
  • 從 1 到完美,寫一個 js 庫、node 庫、前端組件庫

    摘要:從到完美,寫一個庫庫前端組件庫之前講了很多關(guān)于項目工程化前端架構(gòu)前端構(gòu)建等方面的技術(shù),這次說說怎么寫一個完美的第三方庫。使用導(dǎo)出模塊,就可以在使用這個庫的項目中構(gòu)建時使用功能。 從 1 到完美,寫一個 js 庫、node 庫、前端組件庫 之前講了很多關(guān)于項目工程化、前端架構(gòu)、前端構(gòu)建等方面的技術(shù),這次說說怎么寫一個完美的第三方庫。 1. 選擇合適的規(guī)范來寫代碼 js 模塊化的發(fā)展大致有...

    xiaolinbang 評論0 收藏0
  • 前端資源系列(4)-前端學(xué)習(xí)資源分享&前端面試資源匯總

    摘要:特意對前端學(xué)習(xí)資源做一個匯總,方便自己學(xué)習(xí)查閱參考,和好友們共同進(jìn)步。 特意對前端學(xué)習(xí)資源做一個匯總,方便自己學(xué)習(xí)查閱參考,和好友們共同進(jìn)步。 本以為自己收藏的站點多,可以很快搞定,沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方,歡迎補(bǔ)充。有錯誤的地方,還請斧正... 托管: welcome to git,歡迎交流,感謝star 有好友反應(yīng)和斧正,會及時更新,平時業(yè)務(wù)工作時也會不定期更...

    princekin 評論0 收藏0
  • 構(gòu)建前端項目

    摘要:解決思路服務(wù)器端渲染服務(wù)器端和前端公用同一個應(yīng)用,然后通過構(gòu)建工具及配置,確定哪些組件需要再服務(wù)器端渲染,那些組件需要再客戶端渲染。服務(wù)器端渲染,由框架與構(gòu)建工具配合,并依據(jù)一定的項目結(jié)構(gòu)和編碼方式,共同運行。 分離 為什么需要 前后端分離、web服務(wù)器與static服務(wù)器分離: 前端與后端耦合 (需求) 自動化、工程化的構(gòu)建前端的代碼 (基礎(chǔ)條件) 模塊化、組件化,項目共享代碼 (...

    mindwind 評論0 收藏0
  • 前端、HTML+CSS+JS編寫規(guī)范(終極版)

    摘要:文檔規(guī)范和文檔必須采用編碼格式文檔必須使用的標(biāo)準(zhǔn)文檔格式編寫規(guī)范和的標(biāo)簽屬性類名都必須使用小寫字母和的屬性類名命名必須具有語義化代碼必須保持文檔結(jié)構(gòu)清晰,必須合理的進(jìn)行代碼縮進(jìn)文件禁止樣式表內(nèi)引用文件編寫格式,樣式代碼保持一行,多個選擇器 HTMLCSS文檔規(guī)范 HTML和CSS文檔必須采用UTF-8編碼格式; HTML文檔必須使用HTML5的標(biāo)準(zhǔn)文檔格式; HTMLCSS編寫規(guī)范...

    jsyzchen 評論0 收藏0
  • 前端、HTML+CSS+JS編寫規(guī)范(終極版)

    摘要:文檔規(guī)范和文檔必須采用編碼格式文檔必須使用的標(biāo)準(zhǔn)文檔格式編寫規(guī)范和的標(biāo)簽屬性類名都必須使用小寫字母和的屬性類名命名必須具有語義化代碼必須保持文檔結(jié)構(gòu)清晰,必須合理的進(jìn)行代碼縮進(jìn)文件禁止樣式表內(nèi)引用文件編寫格式,樣式代碼保持一行,多個選擇器 HTMLCSS文檔規(guī)范 HTML和CSS文檔必須采用UTF-8編碼格式; HTML文檔必須使用HTML5的標(biāo)準(zhǔn)文檔格式; HTMLCSS編寫規(guī)范...

    _Dreams 評論0 收藏0

發(fā)表評論

0條評論

zhiwei

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<