前端代码规范笔记

李增田发布于2019-08-26 14:06 / 2346人阅读

摘要：代码规范编码基本要求缩进量为个字节循环分支层次不要超过层空行和空白字符也是一种特殊注释判断条件，多用保证类型和值者一致所有变量在调用前必须被初始化对所有的用户输入，必须进行合法性检查。一个方法的圈复杂度推荐最大为，多了请重构。

javaScript 代码规范 编码基本要求

1缩进量 tab为4个字节
2循环、分支层次不要超过 3 层
3空行和空白字符也是一种特殊注释
4判断条件，多用 === 保证类型和值者一致
5所有变量在调用前必须被初始化
6对所有的用户输入，必须进行合法性检查。
7类采用 Pascal 大小写的命名方式，每个单词的首字母大写
8函数，变量，参数，方法采用 Camel 命名方法，首个单词的首字母小写，其余单词的首字母大写
9常量由字母数字和下划线组成，所有字母全部大写
10对象、数组和正则必须优先使用其初始化器（{...}、[...]、/.../）声明，非必要不得使用 new Object|Array|RegExp
11类成员函数定义必须用 prototype，如：class.prototype.func=function(){}。
12单个 JAVASCRIPT 类文件的最大长度不能超过 2000 行（含注释部分）。
13单行长度不能超过 80 个字符,tab 宽度为 4（不允许修改
14每个方法的最大长度不超过 150 行。
15一个条件表达式中最多只能包含三个条件，多了请使用一个方法替换。
16一个方法的圈复杂度推荐最大为 10，多了请重构。圈复杂度可以通过决策点的数量来计算，具体计算方法是：从 1 开始，一直往下通过程序，一旦遇到 if、while、for、||、&&时就加 1，如果有 switch，每个 case 加 1
17方法的分支语句嵌套深度必须小于等于 3
18方法的循环语句嵌套深度小于等于 3
19选择语句 switch 最后需要提供 default 选项对选项之外的情况进行容错处理
20禁止在逻辑代码中直接使用数字和字符串(不包含业务含义且一看就明白的简单整数除外)。在代码中直接使用数字和字符串，降低了代码的可维护性。后期维护者很难了解数字和字符串的含义，也导致了需要在多处修改程序。使用数字和字符串时，应首先在常量类中定义一个常量，再使用这个常量。

GPU云服务器云服务器前端规范前端规范文档代码规范代码规范考试

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

转载请注明本文地址：https://www.ucloud.cn/yun/110050.html

前端模块化规范笔记

摘要：目前通行的的模板规范共有两种和的模块系统，是参照规范实现的即为服务器端模块的规范。规范则是非同步加载模块，允许指定回调函数。目前通行的Javascript的模板规范共有两种：CommonJS 和 AMD commonjs nodejs的模块系统，是参照commonjs规范实现的 commonjs即为服务器端模块的规范。 commonjs的规范：根据commonjs规范，一个单独的...

honmaple 2019-08-21 10:56 评论0 收藏0
webpack 学习笔记（一）

摘要：引言最近在学习，发现好多知识点，之前一点都没有接触过，如等等。使用本地安装，会存于文件夹内与属性内，更方便项目文件迁移以及协同开发等情况。引言最近在学习webpack，发现好多知识点，之前一点都没有接触过，如babel、core-js、browserslist等等。以前习惯了使用cli构建项目，很多东西不用考虑，拿来就用，这样的码农是不会有能力提升的，必须了解更多的知识点，才能成为...

zhangwang 2019-08-26 10:36 评论0 收藏0
CSS学习笔记(十六) CSS最佳实践之可维护性篇

摘要：国内各大公司都已经投入使用，在一些常见的网站，如淘宝腾讯小米等移动站点，随处可见其踪影。变革之腾讯手机淘宝的设计与实现前端乱炖适配总结样式重置上文已提及，这里推荐阅读同学写的专题文章。前言 CSS代码难维护众所皆知。为一个元素设置样式的方式可以通过定义的class、定义的id、元素的标签名、元素的属性等选择器以及这些选择器的组合来实现；作用于某个元素上的样式又可能来自单个样式规...

newtrek 2019-08-28 18:21 评论0 收藏0
CSS学习笔记(十六) CSS最佳实践之可维护性篇

摘要：国内各大公司都已经投入使用，在一些常见的网站，如淘宝腾讯小米等移动站点，随处可见其踪影。变革之腾讯手机淘宝的设计与实现前端乱炖适配总结样式重置上文已提及，这里推荐阅读同学写的专题文章。前言 CSS代码难维护众所皆知。为一个元素设置样式的方式可以通过定义的class、定义的id、元素的标签名、元素的属性等选择器以及这些选择器的组合来实现；作用于某个元素上的样式又可能来自单个样式规...

keke 2019-08-01 14:55 评论0 收藏0
JS学习笔记 - 模块化

摘要：在开发大型的项目中，可能会使用到管理的模块化工具。说道，学习过的同学会比较熟悉，是服务器模块的规范，采用了这个规范。可能是未来模块化解决方案的首选。本文章记录本人在学习 JavaScript 中理解到的一些东西，加深记忆和并且整理记录下来，方便之后的复习。在开发大型的web项目中，可能会使用到管理js的模块化工具。但是在前端轮子漫天飞的时代。那一款js模块化工具真正适合我...

CntChen 2019-08-22 10:57 评论0 收藏0