前端代码规范

持续整理中。。。。

1. 前端定义路由时，尽量避免sql关键字 如：select delete from union all or and where drop 等，无论大小写

2. 注释首尾留空格。

   //comment           // ✗ avoid
   // comment          // ✓ ok
   
   /*comment*/         // ✗ avoid
   /* comment */       // ✓ ok

3. 缩进为2个空格，不要使用tab缩进（4个空格）

4. 语句结尾不要写分号;

5. 字符串使用单引号 – 需要转义的地方除外

6. 不再有冗余的变量 – 这是导致 大量 bug 的源头!

7. 关键字后加空格 if (condition) { ... }

8. 函数名后加空格 function name (arg) { ... }

9. 坚持使用全等 === 摒弃 == 一但在需要检查 null || undefined 时可以使用 obj == null。

10. 一定要处理 Node.js 中错误回调传递进来的 err 参数。

11. 逗号后面加空格。

12. 字符串拼接操作符 (Infix operators) 之间要留空格。var x = 2

13. else 关键字要与花括号保持在同一行。

14. 多行 if 语句的的括号不能省。

15. 使用浏览器全局变量时加上 window. 前缀。

16. 不允许有连续多行空行。

17. 对于三元运算符 ? 和 : 与他们所负责的代码处于同一行

    // ✓ ok
    var location = env.development ? 'localhost' : 'www.api.com'
    
    // ✓ ok
    var location = env.development
      ? 'localhost'
      : 'www.api.com'
    
    // ✗ avoid
    var location = env.development ?
      'localhost' :
      'www.api.com'

18. 对于变量和函数名统一使用驼峰命名法。 function myFunction () { } ； var myVar = 'hello'

19. 不允许有多余的行末逗号。始终将逗号置于行末。

20. 点号操作符须与属性需在同一行。

      console.
        log('hello')  // ✗ avoid
    
      console
        .log('hello') // ✓ ok

21. 构造函数要以大写字母开头。

22. 代码一行长度最好为屏幕的2/3，太长不利于代码的浏览

23. 变量命名语义化

24. 能用form表单submit提交的首选submit提交，尽量不用ajax提交

25. 若某个dom元素会多次操作，建议先用变量存起来，避免多次遍历获取元素

26. roles = $("input[name='roles']")

27. 避免太多层次遍历，可在元素上添加属性值
    $(".attrName").text($(this).parent().parent().children().eq(2).text())