前端編碼規范

nicercode 發布于2019-08-19 17:20 / 1407人閱讀

摘要：前言首先，寫這篇代碼規范是為了我自己在以后的項目中方便引用，讓前端人員統一標準，方便在開發中保持代碼的一致性，代碼規范是在的編碼規范上的基礎上做的修改，下面只列舉出一些不一樣的地方，基本的規范參照編碼規范要求使用。

前言

首先，寫這篇代碼規范是為了我自己在以后的項目中方便引用，讓前端人員統一標準，方便在開發中保持代碼的一致性，代碼規范是在bootstrap的編碼規范上的基礎上做的修改，下面只列舉出一些不一樣的地方，基本的規范參照bootstrap編碼規范

IDE要求使用webstorm。

語法

用四個空格來代替制表符（tab）,嵌套元素應當縮進一次（即四個空格），大部分人習慣JS為4個空格的縮進，讓HTML，CSS和JS保持一致，webstorm默認的代碼格式化就可以達到四個空格的縮進，快捷鍵Ctrl+Alt+L

命名規則

文件命名規則：英文單詞，多單詞使用“-”連接,或小駝峰方法

    index.html
    task-bg.jpg
    title-bg.png
    project-task.css
    project-ctrl.js
    projectCtrl.js

Css類名命名規則：英文單詞，多單詞使用“-”連接

    
        
            這里是標題

Javasctipt命名規則：小駝峰

    $scope.taskOpen = function () {
        $scope.taskOpenState = true;
    };

代碼格式化

使用webstorm作為IDE，使用默認的代碼格式化方式，快捷鍵為ctrl+alt+l
把webstorm的格式化換行去掉，以11.0.2版本為例，

設置方法：找到File-Settings-Editor-General-Appearance
去掉Show right margin(configured in Code Style options)的勾選

其他書寫規范

標簽中href屬性不使用#作為填充，使用javascript:,例如：

云服務器 GPU云服務器規范編碼編碼規范 php編碼規范 js安全編碼規范

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78441.html

前端編碼規范之：樣式（scss）編碼規范

摘要：前端編碼規范之使用規范前端編碼規范之樣式編碼規范前端編碼規范之結構規范前端編碼規范之最佳實踐前端編碼規范之編碼規范命名的原則是通俗易懂，盡量保持不重復沖突，盡量不要用。我覺得應該避免出現出現這種方式用預處理器拼接出來的名稱，會生成。前端編碼規范之：Git使用規范前端編碼規范之：樣式（scss）編碼規范前端編碼規范之：HTML結構規范前端編碼規范之：Vue最佳實踐前端編碼規范...

reclay 2019-08-29 16:58 評論0 收藏0
前端編碼規范

摘要：前言首先，寫這篇代碼規范是為了我自己在以后的項目中方便引用，讓前端人員統一標準，方便在開發中保持代碼的一致性，代碼規范是在的編碼規范上的基礎上做的修改，下面只列舉出一些不一樣的地方，基本的規范參照編碼規范要求使用。前言首先，寫這篇代碼規范是為了我自己在以后的項目中方便引用，讓前端人員統一標準，方便在開發中保持代碼的一致性，代碼規范是在bootstrap的編碼規范上的基礎上做的修改，...

gggggggbong 2019-08-28 18:29 評論0 收藏0
前端編碼規范

摘要：前言首先，寫這篇代碼規范是為了我自己在以后的項目中方便引用，讓前端人員統一標準，方便在開發中保持代碼的一致性，代碼規范是在的編碼規范上的基礎上做的修改，下面只列舉出一些不一樣的地方，基本的規范參照編碼規范要求使用。前言首先，寫這篇代碼規范是為了我自己在以后的項目中方便引用，讓前端人員統一標準，方便在開發中保持代碼的一致性，代碼規范是在bootstrap的編碼規范上的基礎上做的修改，...

xushaojieaaa 2019-08-01 15:02 評論0 收藏0
前端、HTML+CSS+JS編寫規范（終極版）

摘要：文檔規范和文檔必須采用編碼格式文檔必須使用的標準文檔格式編寫規范和的標簽屬性類名都必須使用小寫字母和的屬性類名命名必須具有語義化代碼必須保持文檔結構清晰，必須合理的進行代碼縮進文件禁止樣式表內引用文件編寫格式，樣式代碼保持一行，多個選擇器 HTMLCSS文檔規范 HTML和CSS文檔必須采用UTF-8編碼格式； HTML文檔必須使用HTML5的標準文檔格式； HTMLCSS編寫規范...

jsyzchen 2019-08-01 18:15 評論0 收藏0
前端、HTML+CSS+JS編寫規范（終極版）

摘要：文檔規范和文檔必須采用編碼格式文檔必須使用的標準文檔格式編寫規范和的標簽屬性類名都必須使用小寫字母和的屬性類名命名必須具有語義化代碼必須保持文檔結構清晰，必須合理的進行代碼縮進文件禁止樣式表內引用文件編寫格式，樣式代碼保持一行，多個選擇器 HTMLCSS文檔規范 HTML和CSS文檔必須采用UTF-8編碼格式； HTML文檔必須使用HTML5的標準文檔格式； HTMLCSS編寫規范...

_Dreams 2019-08-22 11:23 評論0 收藏0