前端代码规范

jsyzchen 发布于2019-08-29 13:58 / 1876人阅读

摘要：编写可维护代码，就需要有一定的代码规范。返回类型是布尔类型，一般以开头，变量和函数命名，不要担心长度，合乎逻辑重要。总结代码库的书写习惯不只是前端百度代码规范网易前端代码规范前端开发规范手册腾讯前端代码规范非常值得看

编写可维护代码，就需要有一定的代码规范。 基本命名规范

变量名应为名词,eg： car,person

函数名以动词开始。 getName(), 返回类型是布尔类型，一般以is开头，eg: isEnable();

变量和函数命名，不要担心长度，合乎逻辑重要。

变量命名 -- 类型透明

通过初始化指定变量类型

    var found = false;    // 布尔类型
    var count = -1;       // 数字类型
    var name = “”;        // 字符串
    var person = null;    // 对象

匈牙利标记法

变量名前面加上一个或者多个字符来表示数据类型。

      "o"  =>变量     var oPerson;
      "s" => 字符串   var iCount
      “i”  => 整数    var sName;
      “f” => 浮点数   var fMath;
      “b”  => 布尔值  var bFound;

全局命名空间

创建唯一的全局的对象，然后再把需要的变量和函数添加到对象上。

避免与其他功能冲突。

产生对应的作用域

    // 声明全局对象
    var Wrox = {};
    // 为Wrox 创建 Professional JavaScript 命名空间
    Wrox.ProJS = {};

    // 分别在添加各种事件
    Wrox.ProJS.EventUtil = {};
    Wrox.ProJS.CookieUtil = {};

   // 在使用的时候
   Wrox.ProJS.EventUtil.adHandler();

最近收集了一些大神们总结的代码规范，这里特意罗列出来。

总结github代码库的书写习惯(不只是前端)

百度代码规范

网易前端代码规范

前端开发规范手册

腾讯前端代码规范

JavaScript-Garden(非常值得看)

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

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

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

前端编码规范之：样式（scss）编码规范

摘要：前端编码规范之使用规范前端编码规范之样式编码规范前端编码规范之结构规范前端编码规范之最佳实践前端编码规范之编码规范命名的原则是通俗易懂，尽量保持不重复冲突，尽量不要用。我觉得应该避免出现出现这种方式用预处理器拼接出来的名称，会生成。前端编码规范之：Git使用规范前端编码规范之：样式（scss）编码规范前端编码规范之：HTML结构规范前端编码规范之：Vue最佳实践前端编码规范...

reclay 2019-08-29 16:58 评论0 收藏0
从 1 到完美，写一个 js 库、node 库、前端组件库

摘要：从到完美，写一个库库前端组件库之前讲了很多关于项目工程化前端架构前端构建等方面的技术，这次说说怎么写一个完美的第三方库。使用导出模块，就可以在使用这个库的项目中构建时使用功能。从 1 到完美，写一个 js 库、node 库、前端组件库之前讲了很多关于项目工程化、前端架构、前端构建等方面的技术，这次说说怎么写一个完美的第三方库。 1. 选择合适的规范来写代码 js 模块化的发展大致有...

rollback 2019-08-29 17:18 评论0 收藏0
从 1 到完美，写一个 js 库、node 库、前端组件库

摘要：从到完美，写一个库库前端组件库之前讲了很多关于项目工程化前端架构前端构建等方面的技术，这次说说怎么写一个完美的第三方库。使用导出模块，就可以在使用这个库的项目中构建时使用功能。从 1 到完美，写一个 js 库、node 库、前端组件库之前讲了很多关于项目工程化、前端架构、前端构建等方面的技术，这次说说怎么写一个完美的第三方库。 1. 选择合适的规范来写代码 js 模块化的发展大致有...

xiaolinbang 2019-08-26 13:22 评论0 收藏0
前端资源系列（4）-前端学习资源分享&前端面试资源汇总

摘要：特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。本以为自己收藏的站点多，可以很快搞定，没想到一入汇总深似海。还有很多不足&遗漏的地方，欢迎补充。有错误的地方，还请斧正... 托管: welcome to git，欢迎交流，感谢star 有好友反应和斧正，会及时更新，平时业务工作时也会不定期更...

princekin 2019-08-20 11:28 评论0 收藏0
前端代码规范

摘要：编写可维护代码，就需要有一定的代码规范。返回类型是布尔类型，一般以开头，变量和函数命名，不要担心长度，合乎逻辑重要。总结代码库的书写习惯不只是前端百度代码规范网易前端代码规范前端开发规范手册腾讯前端代码规范非常值得看编写可维护代码，就需要有一定的代码规范。基本命名规范变量名应为名词,eg： car,person 函数名以动词开始。 getName(), 返回类型是布尔类型，一般...

lunaticf 2019-08-02 15:59 评论0 收藏0