5 种JavaScript编码规范


Posted in Javascript onJanuary 30, 2018

什么是编码规范

编码规范就是指导如何编写和组织代码的一系列标准。通过阅读这些编码规范,你可以知道在各个公司里代码是如何编写的。

我们为什么需要编码规范

一个主要的原因是:每个人写代码的方式都是不同的。我可能喜欢这么写,而你喜欢用另一种方法写。如果我们只处理自己的代码,这样并没有什么问题。但如果有成千上万的程序员同时在一个代码库上面工作呢?如果没有规范,事情很快会变得一团糟。代码规范可以让新人迅速的熟悉相关的代码,并且也能写出让其他程序员简单易懂的代码。

Airbnb JavaScript Style Guide

号称是“最合理的编写 JavaScript 代码的方式”。

Airbnb 的这个代码规范可能是互联网最流行的 JavaScript 代码规范了,它在 Github 上足有 6 万 star,几乎覆盖了 JavaScript 的每一项特性。

地址: https://github.com/airbnb/javascript

Google JavaScript Style Guide

只有遵守了这里的规则,一个 JavaScript 源文件才能被称为“Google Style”。很霸气,我行我素,同时也被不少公司沿用。

地址: https://google.github.io/styleguide/jsguide.html

Idiomatic JavaScript Style Guide

符合语言习惯的 JavaScript 代码规范。

不管有多少人参与,不管是否在同一个代码库,所有的 JavaScript 代码风格都必须像同一个人写的。

另一个很强势的同时也很流行的 JavaScript 编码规范。它的野心也很大,不止想规范 JavaScript,其它语言也都想管起来。

地球上所有的代码都像同一个人写的?想想让人觉得不寒而栗啊……

地址: https://github.com/rwaldron/idiomatic.js

JavaScript Standard Style Guide

一个功能强大的 JavaScript 代码规范,自带 linter 和自动代码纠正,无需配置,自动格式化代码。可以在编码早期就发现代码中的低级错误。这个代码规范被很多知名公司所采用,比如 NPM、GitHub、mongoDB 等。

地址: https://github.com/standard/standard

(这个 Github 地址霸气到不行。)

jQuery JavaScript Style Guide

jQuery 是多少人入门前端的好帮手啊,可惜如今只剩回忆了。它们的这个规范算是很早期的一个代码规范了,主要是针对它们的代码以及早期 JavaScript 版本进行规定。

地址: https://contribute.jquery.org/style-guide/js/

总结

以上所述是小编给大家介绍的5 种JavaScript编码规范,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript 支持ie和firefox杰奇翻页函数
Jul 22 Javascript
JS 文字符串转换unicode编码函数
May 30 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
Sep 01 Javascript
js获取Html元素的实际宽度高度的方法
May 19 Javascript
微信小程序开发中的疑问解答汇总
Jul 03 Javascript
vue .sync修饰符的使用详解
Jun 15 Javascript
基于bootstrap页面渲染的问题解决方法
Aug 09 Javascript
使用Node.js写一个代码生成器的方法步骤
May 10 Javascript
ES6 Promise对象的含义和基本用法分析
Jun 14 Javascript
js前端如何写一个精确的倒计时代码
Oct 25 Javascript
JS实现轮播图效果
Jan 11 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
Apr 24 Javascript
vue源码入口文件分析(推荐)
Jan 30 #Javascript
Vue精简版风格指南(推荐)
Jan 30 #Javascript
详解javascript常用工具类的封装
Jan 30 #Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
Jan 30 #Javascript
vue scroller返回页面记住滚动位置的实例代码
Jan 29 #Javascript
浅析vue深复制
Jan 29 #Javascript
浅析从vue源码看观察者模式
Jan 29 #Javascript
You might like
php 删除cookie和浏览器重定向
2009/03/16 PHP
PDO::getAvailableDrivers讲解
2019/01/28 PHP
详解laravel passport OAuth2.0的4种模式
2019/11/04 PHP
JQuery设置文本框和密码框得到焦点时的样式
2013/08/30 Javascript
JavaScript Promise启示录
2014/08/12 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
2015/05/12 Javascript
浅析jquery与checkbox的checked属性的问题
2016/04/27 Javascript
js实现精确到毫秒的倒计时效果
2016/08/05 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
2016/10/14 Javascript
Bootstrap模态窗口源码解析
2017/02/08 Javascript
基于Bootstrap框架实现图片切换
2017/03/10 Javascript
nodejs对express中next函数的一些理解
2017/09/08 NodeJs
详解webpack与SPA实践之开发环境搭建
2017/12/18 Javascript
vue2中使用sass并配置全局的sass样式变量的方法
2018/09/04 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
微信小程序实现电子签名并导出图片
2020/05/27 Javascript
原生JavaScript写出Tabs标签页的实例代码
2020/07/20 Javascript
python list中append()与extend()用法分享
2013/03/24 Python
在python 不同时区之间的差值与转换方法
2019/01/14 Python
python使用selenium实现批量文件下载
2019/03/11 Python
python腾讯语音合成实现过程解析
2019/08/01 Python
python标准库OS模块详解
2020/03/10 Python
浅析canvas元素的html尺寸和css尺寸对元素视觉的影响
2019/07/22 HTML / CSS
Perry Ellis官网:美国男士品味服装
2016/12/09 全球购物
测绘工程专业个人自我评价
2013/12/01 职场文书
淘宝店铺营销方案
2014/02/13 职场文书
十佳护士获奖感言
2014/02/18 职场文书
倡议书格式模板
2014/05/13 职场文书
人民调解员培训方案
2014/06/05 职场文书
课外活动总结范文
2014/07/09 职场文书
2015年艾滋病宣传活动总结
2015/03/27 职场文书
房地产销售助理岗位职责
2015/04/14 职场文书
闪闪红星观后感
2015/06/08 职场文书
Linux系统下安装PHP7.3版本
2021/06/26 PHP
如何使用 resize 实现图片切换预览功能
2021/08/23 HTML / CSS