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

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

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. 代码性能

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

1.不直接使用eval而是间接使用;.

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

3.循环优化

  ->减值迭代

  ->简化终止条件

  ->简化循环体

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

4.最小化语句数;

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

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

7.避免使用混合比较"==”;

8.js分号的自动插入规则:

  1.在一行/一个代码块/一段程序结束

  2.在随后的输入标记不能解析时

  3.for循环中的分号不会自动补全

9.永远不去修改arguments对象

10、不对函数使用toString()方法获取源码;

    function(y){
      return x+y;
    }.bind(16).toString();

    //function () { [native code] }

  因为bind由宿主环境提供的,在宿主环境下是没有js源代码可以显示, 而ecma标准是允许js引擎改变toString()的输出;

11.不使用__proto__的修改任何属性

12. 循环中避免修改值

13.迭代优于循环;

14.有序集合优先用数组

15.不在prototype对象上增加可枚举属性;

16.不过度使用强制类型转换

17.不在同步方法中调用异步回调;

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

1.@author 程序的作者说明

2.@version 源文件的版本说明

3.@param 方法的参数说明

4.@deprecated 不建议的使用方法

5.@return 方法的返回值的说明信息

6.@see 参见,用于指定参考内容

7.@exception 抛出的异常类型

8.@throws 抛出的异常

9.@example 示例代码

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

web开发之菜鸟的代码规范的更多相关文章

  1. 团队开发前端VUE项目代码规范

    团队开发前端VUE项目代码规范 2018年09月22日 20:18:11 我的小英短 阅读数 1658   一.规范目的: 统一编码风格,命名规范,注释要求,在团队协作中输出可读性强,易维护,风格一致 ...

  2. 【Android 应用开发】 Android 相关代码规范 更新中 ...

    . 简介 : Android 常用的代码结构, 包括包的规范, 测试用例规范, 数据库模块常用编写规范; 参考 : 之前写的一篇博客 [Android 应用开发] Application 使用分析 ; ...

  3. React Native开发的一种代码规范:Eslint + FlowType

    [这篇随笔记录的很简单,没有涉及具体的Eslint规则解释以及FlowType的类型说明和使用等,只是链接了所需的若干文档] js开发很舒服,但是代码一多起来就参差不齐,难以阅读了.所以加上一些代码规 ...

  4. 移动Web开发,4行代码检测浏览器是否支持position:fixed

    不废话,直接上代码 var div = document.createElement('div'); div.style.cssText = 'display:none;position:fixed; ...

  5. iPhone开发:Objective C 代码规范-iOS总结版

    一,关于空行 A:.h中的空行 1,文件说明与头文件包涵(#import)之间空1行 2,头文件包涵(#import)之间,如果需要分类区别,各类别之间空1行 3,头文件包涵(#import)与@cl ...

  6. JavaScript开发中常用的代码规范配置文件

    一.jsconfig.json { compilerOptions: { target: 'es6', experimentalDecorators: true, allowSyntheticDefa ...

  7. 几款web开发常用jquery特效代码

    特效网:http://www.xwcms.net  1.图片拖动特效http://www.xwcms.net/js/tpdm/32946.html2.弹出层焦点图特效:http://www.xwcms ...

  8. C# Web开发打开下载对话框代码

    一个按钮的事件中写: string filename = Sever.UrlEncode("词库.txt"); Response.AddHeader("Content-D ...

  9. 开发一个项目之代码规范ESLint

    ESLint{ "rules": { "semi": ["error", "always"], } }error lev ...

随机推荐

  1. mac os High Sierra 升级错误

    升级mac OS High Sierra错误 已经成功从10.10升级到10.12.8 mac OS  Sierra了.就是升级到10.13报错. you may not install to thi ...

  2. LeetCode OJ 129. Sum Root to Leaf Numbers

    题目 Given a binary tree containing digits from 0-9 only, each root-to-leaf path could represent a num ...

  3. js方法用来获取路径传参上所带的参数

    //js方法用来获取路径传参上所带的参数 function GetQueryString(param) { var reg = new RegExp("(^|&)" + p ...

  4. e1000

    http://blog.csdn.net/sdulibh/article/details/41826221 http://blog.csdn.net/evenness/article/details/ ...

  5. xhprof 安装详解

    准备工作1.xhprof不支持php7,需要php7以下版本2.php扩展模块xhprof下载地址: http://pecl.php.net/get/xhprof-0.9.4.tgz xhprof安装 ...

  6. linux 查找java程序、杀死、重启

    查看java进程 ps -ef|grep java杀死进程 kill -9 4834 (进程号)启动 java -jar xxx.jar & (后台会一直运行)

  7. [leetcode]150. Evaluate Reverse Polish Notation逆波兰表示法

    Evaluate the value of an arithmetic expression in Reverse Polish Notation. Valid operators are +, -, ...

  8. entity framework core 生成 postgresql 数据库实体

    .net core 2.0 使用db first 方式生成 表 和context PM 控制台运行命令出错 Scaffold-DbContext "Host=localhost;Databa ...

  9. CentOS_mini下安装docker 之 yum mount

    --->linux 终端输出太多前面看不到的解决办法:shift+page up --->mount命令[-参数] [设备名称] [挂载点] mkdir /mnt/CentOS mount ...

  10. E: Sub-process /usr/bin/dpkg returned an error code

    E: Sub-process /usr/bin/dpkg returned an error code (1)错误解决 在用apt-get安装软件时出现了类似于install-info: No dir ...