前端规范

Posted

tags:

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

前端规范

javascript规范

参考1-JavaScript-style-guide
JavaScript-style-guide原文

摘记

  1. [数组]拷贝数组使用slice()

    1. var len = items.length,
    2. itemsCopy = [],
    3. i;
    4. // bad
    5. for (i = 0; i < len; i++) {
    6. itemsCopy[i] = items[i];
    7. }
    8. // good
    9. itemsCopy = items.slice();
  2. [数组]使用slice将类数组的对象转成数组

    1. function trigger(){
    2. var args = Array.prototype.slice.call(arguments);
    3. // ...
    4. }
  3. [字符串]对字符串使用单引号‘‘这个个人习惯吧, 用单引号少按一下shift,太长的字符串使用拼接换行

  4. [字符串]使用join而不是字符串连接来构建字符串,特别是IE

    1. var items,
    2. messages,
    3. length, i;
    4. messages = [{
    5. state: ‘success‘,
    6. message: ‘This one worked.‘
    7. },{
    8. state: ‘success‘,
    9. message: ‘This one worked as well.‘
    10. },{
    11. state: ‘error‘,
    12. message: ‘This one did not work.‘
    13. }];
    14. length = messages.length;
    15. // bad
    16. function inbox(messages) {
    17. items = ‘<ul>‘;
    18. for (i = 0; i < length; i++) {
    19. items += ‘<li>‘ + messages[i].message + ‘</li>‘;
    20. }
    21. return items + ‘</ul>‘;
    22. }
    23. // good
    24. function inbox(messages) {
    25. items = [];
    26. for (i = 0; i < length; i++) {
    27. items[i] = messages[i].message;
    28. }
    29. return ‘<ul><li>‘ + items.join(‘</li><li>‘) + ‘</li></ul>‘;
    30. }
  5. [属性]当使用变量访问属性时,请使用中括号

  6. [变量]1)总是使用var声明变量,避免污染全局命名空间;2)使用一个var以及新行声明多个变量,缩进四个空格;3)




以上是关于前端规范的主要内容,如果未能解决你的问题,请参考以下文章

前端学习 JavaScript基础

前端规范一(命名规范)

js进阶

前端开发规范总结 总结前端开发模式和规范

前端的开发规范

前端代码编写规范