前端代碼規(guī)范

Shisui 發(fā)布于2019-08-21 17:56 / 1421人閱讀

摘要：編寫(xiě)可維護(hù)代碼，就需要有一定的代碼規(guī)范。返回類型是布爾類型，一般以開(kāi)頭，變量和函數(shù)命名，不要擔(dān)心長(zhǎng)度，合乎邏輯重要。總結(jié)代碼庫(kù)的書(shū)寫(xiě)習(xí)慣不只是前端百度代碼規(guī)范網(wǎng)易前端代碼規(guī)范前端開(kāi)發(fā)規(guī)范手冊(cè)騰訊前端代碼規(guī)范非常值得看

編寫(xiě)可維護(hù)代碼，就需要有一定的代碼規(guī)范。 基本命名規(guī)范

變量名應(yīng)為名詞,eg： car,person

函數(shù)名以動(dòng)詞開(kāi)始。 getName(), 返回類型是布爾類型，一般以is開(kāi)頭，eg: isEnable();

變量和函數(shù)命名，不要擔(dān)心長(zhǎng)度，合乎邏輯重要。

變量命名 -- 類型透明

通過(guò)初始化指定變量類型

    var found = false;    // 布爾類型
    var count = -1;       // 數(shù)字類型
    var name = “”;        // 字符串
    var person = null;    // 對(duì)象

匈牙利標(biāo)記法

變量名前面加上一個(gè)或者多個(gè)字符來(lái)表示數(shù)據(jù)類型。

      "o"  =>變量     var oPerson;
      "s" => 字符串   var iCount
      “i”  => 整數(shù)    var sName;
      “f” => 浮點(diǎn)數(shù)   var fMath;
      “b”  => 布爾值  var bFound;

全局命名空間

創(chuàng)建唯一的全局的對(duì)象，然后再把需要的變量和函數(shù)添加到對(duì)象上。

避免與其他功能沖突。

產(chǎn)生對(duì)應(yīng)的作用域

    // 聲明全局對(duì)象
    var Wrox = {};
    // 為Wrox 創(chuàng)建 Professional JavaScript 命名空間
    Wrox.ProJS = {};

    // 分別在添加各種事件
    Wrox.ProJS.EventUtil = {};
    Wrox.ProJS.CookieUtil = {};

   // 在使用的時(shí)候
   Wrox.ProJS.EventUtil.adHandler();

最近收集了一些大神們總結(jié)的代碼規(guī)范，這里特意羅列出來(lái)。

總結(jié)github代碼庫(kù)的書(shū)寫(xiě)習(xí)慣(不只是前端)

百度代碼規(guī)范

網(wǎng)易前端代碼規(guī)范

前端開(kāi)發(fā)規(guī)范手冊(cè)

騰訊前端代碼規(guī)范

JavaScript-Garden(非常值得看)

云服務(wù)器 GPU云服務(wù)器前端規(guī)范前端規(guī)范文檔代碼規(guī)范代碼規(guī)范考試

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/90249.html

相關(guān)文章

前端編碼規(guī)范之：樣式（scss）編碼規(guī)范

摘要：前端編碼規(guī)范之使用規(guī)范前端編碼規(guī)范之樣式編碼規(guī)范前端編碼規(guī)范之結(jié)構(gòu)規(guī)范前端編碼規(guī)范之最佳實(shí)踐前端編碼規(guī)范之編碼規(guī)范命名的原則是通俗易懂，盡量保持不重復(fù)沖突，盡量不要用。我覺(jué)得應(yīng)該避免出現(xiàn)出現(xiàn)這種方式用預(yù)處理器拼接出來(lái)的名稱，會(huì)生成。前端編碼規(guī)范之：Git使用規(guī)范前端編碼規(guī)范之：樣式（scss）編碼規(guī)范前端編碼規(guī)范之：HTML結(jié)構(gòu)規(guī)范前端編碼規(guī)范之：Vue最佳實(shí)踐前端編碼規(guī)范...

reclay 2019-08-29 16:58 評(píng)論0 收藏0
從 1 到完美，寫(xiě)一個(gè) js 庫(kù)、node 庫(kù)、前端組件庫(kù)

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

rollback 2019-08-29 17:18 評(píng)論0 收藏0
從 1 到完美，寫(xiě)一個(gè) js 庫(kù)、node 庫(kù)、前端組件庫(kù)

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

xiaolinbang 2019-08-26 13:22 評(píng)論0 收藏0
前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

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

princekin 2019-08-20 11:28 評(píng)論0 收藏0
前端代碼規(guī)范

摘要：編寫(xiě)可維護(hù)代碼，就需要有一定的代碼規(guī)范。返回類型是布爾類型，一般以開(kāi)頭，變量和函數(shù)命名，不要擔(dān)心長(zhǎng)度，合乎邏輯重要。總結(jié)代碼庫(kù)的書(shū)寫(xiě)習(xí)慣不只是前端百度代碼規(guī)范網(wǎng)易前端代碼規(guī)范前端開(kāi)發(fā)規(guī)范手冊(cè)騰訊前端代碼規(guī)范非常值得看編寫(xiě)可維護(hù)代碼，就需要有一定的代碼規(guī)范。基本命名規(guī)范變量名應(yīng)為名詞,eg： car,person 函數(shù)名以動(dòng)詞開(kāi)始。 getName(), 返回類型是布爾類型，一般...

lunaticf 2019-08-02 15:59 評(píng)論0 收藏0
前端代碼規(guī)范

摘要：編寫(xiě)可維護(hù)代碼，就需要有一定的代碼規(guī)范。返回類型是布爾類型，一般以開(kāi)頭，變量和函數(shù)命名，不要擔(dān)心長(zhǎng)度，合乎邏輯重要。總結(jié)代碼庫(kù)的書(shū)寫(xiě)習(xí)慣不只是前端百度代碼規(guī)范網(wǎng)易前端代碼規(guī)范前端開(kāi)發(fā)規(guī)范手冊(cè)騰訊前端代碼規(guī)范非常值得看編寫(xiě)可維護(hù)代碼，就需要有一定的代碼規(guī)范。基本命名規(guī)范變量名應(yīng)為名詞,eg： car,person 函數(shù)名以動(dòng)詞開(kāi)始。 getName(), 返回類型是布爾類型，一般...

jsyzchen 2019-08-29 13:58 評(píng)論0 收藏0