前端编码规范

nicercode 发布于2019-08-19 17:20 / 1383人阅读

摘要：前言首先，写这篇代码规范是为了我自己在以后的项目中方便引用，让前端人员统一标准，方便在开发中保持代码的一致性，代码规范是在的编码规范上的基础上做的修改，下面只列举出一些不一样的地方，基本的规范参照编码规范要求使用。

前言

首先，写这篇代码规范是为了我自己在以后的项目中方便引用，让前端人员统一标准，方便在开发中保持代码的一致性，代码规范是在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安全编码规范

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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