web开发之菜鸟的代码规范

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web开发之菜鸟的代码规范相关的知识,希望对你有一定的参考价值。

笔者菜鸟里最不会飞的那个,所以这些基础的习惯都没养成,正好抽时间特意做个笔记以方便自己规范代码, 有兴趣的大佬多多指点.

养成好的编码习惯收益良多, 总结下编码时应注意的细节《借鉴高程里代码约束》,对了默默吐槽下,说是前端不需要英语基础的那些机构们真的是为了钱失了智;

a .命名约束:匈牙利命名/驼峰命名/帕斯卡命名法

匈牙利命名:此命名方法可细分为系统匈牙利命名法和匈牙利应用命名法。

  -> 语法:变量名 = 类型 + 描述

  ->约定类型:

    a --- array

    o --- object

    s --- string

    l --- float

    fn --- function

    i --- int

    r --- regular

    b --- boolean

驼峰命名(小驼峰命名法):第一个单词以小写字母开始,后面的所有单词的首字母都采用大写字母;

帕斯卡命名(大驼峰命名法):每一个单字的首字母都大写;

1.变量命名: 名词 

2.方法命名: 动词

 ->常见动词约定:

  can ---  判断是否可执行某个动作 

  has --- 判断是否有某个值

  is ---  判断是否为某个值

  get --- 获取某个值

  set --- 设置某个值

  load --- 加载一些数据

3.特殊函数/变量非硬性约定命名:

  1): 常量:全部大写单词之间用"_"划分;

  2): 构造函数: 大驼峰命名;

  3): 私有成员(属性/方法): 以"_"为前缀;

b. 编码非硬性原则:

1.事件Event对象不传递, 如有需要只传需要的数据即可;

2.应用层逻辑可以不依赖任何行为进行;

3.事件层只处理事件;

4.代码职责单一 ;

5.尊重对象所有权即只修改自己创建的对象;

6.避免全局变量;

c. 代码性能

1.避免全局查找与尽量减少查找作用域链长度;

2.with,eval,setTimeout第一个参数字符形式,Function 避免使用;

3.循环优化

  ->减值迭代

  ->简化终止条件

  ->简化循环体

  ->尽量使用后测试循环即 do-while

4.最小化语句数;

5.对数值操作位运算更快;

6.优化dom操作(这块有很多东西需要研究一时半会也就不分享了);

d:代码注释常用标识符:

[email protected] 程序的作者说明

[email protected] 源文件的版本说明

[email protected] 方法的参数说明

[email protected] 不建议的使用方法

[email protected] 方法的返回值的说明信息

[email protected] 参见,用于指定参考内容

[email protected] 抛出的异常类型

[email protected] 抛出的异常

[email protected] 示例代码

笔记这么多.慢慢培养了;

以上是关于web开发之菜鸟的代码规范的主要内容,如果未能解决你的问题,请参考以下文章

web前端开发代码规范!

web前端开发规范项目流程总结

麦子新课上线之web前端开发规范

web开发规范

Web前端开发规范之文件存储位置规范

《构建之法》之第4章读后感