最流行的JavaScript代码规范

什么是最佳的JavaScript代码编程规范?这可能是一个众口难调的问题.那么,不妨换个问题,什么代码规范最流行? sideeffect.kr通过分析GitHub上托管的开源代码,得出了一些有趣的结果.一起来看看吧. 行末逗号对行首逗号行末引号: var foo = 1, bar = 2, baz = 3; var obj = { foo: 1, bar: 2, baz: 3 }; 行首引号: var foo = 1 , bar = 2 , baz = 3; var obj = { foo:…

JavaScript 代码规范

所有的 JavaScript 项目适用同一种规范. JavaScript 代码规范代码规范通常包括以下几个方面: 变量和函数的命名规则空格,缩进,注释的使用规则. 其他常用规范-- 规范的代码可以更易于阅读与维护. 代码规范一般在开发前规定,可以跟你的团队成员来协商设置. 变量名变量名推荐使用驼峰法来命名(camelCase): firstName = "John"; lastName = "Doe"; price = 19.90; tax = 0.20; f…

5 JSON&与JavaScript转换&JavaScript:void(0)&JavaScript代码规范

JSON:JavaScript Object Notation JS对象简谱一种轻量级的数据交换格式,用于存储和传输数据的格式,通常用于服务端向网页传递数据是独立的语言,易于理解 JSON语法规则: 数据为键/值对,一个名称对应一个值. 数据以逗号分隔大括号保存对象,中括号保存数组键值对示例:JSON语法定义employees对象 {"employees":[ {"firstName":"John", "lastName&q…

js基石之---易读、易复用、易重构的 JavaScript 代码规范

易读.易复用.易重构的 JavaScript 代码规范 1.变量命名规范有意义 Bad: const yyyymmdstr = moment().format("YYYY/MM/DD"); Good: const currentDate = moment().format("YYYY/MM/DD"); 2. 给变量定义名字 Bad: // What the heck is 86400000 for? setTimeout(blastOff, 86400000); G…

JavaScript代码规范和性能整理

性能 Js在性能方面有多要注意的地方: 避免全局查找 Js性能优化最重要的就是注意全局查找,因为作用域的查找是先找局部作用域在没有找到之后在去上一级作用域查找直到全局作用域,所以全局作用域查找的性能消耗肯定要比本函数局部作用域的消耗大.举个例子: function setInnerHtml(){ var divDom=doucument.getElementsByTagName("div"); for(var i=0,len=divDom.lemgth;i<len;i++){ d…

javascript代码规范 [转]

原文:http://www.css88.com/archives/5366 全局命名空间污染与 IIFE 总是将代码包裹成一个 IIFE(Immediately-Invoked Function Expression),用以创建独立隔绝的定义域.这一举措可防止全局命名空间被污染. IIFE 还可确保你的代码不会轻易被其它全局命名空间里的代码所修改(i.e. 第三方库,window 引用,被覆盖的未定义的关键字等等). 不推荐 var x = 10, y = 100; // Declaring v…

最流行的PHP 代码规范

“PHP是最好的编程语言” ;-) 那么PHPer习惯使用什么样的代码规范呢?sideeffect.kr通过分析GitHub上托管的开源代码,得出了一些有趣的结果,让我们一起来看看吧. 缩进空格(70.172 %),Tab(29.828 %) 基于 600,614 次提交统计. 定义类时大括号的位置独占一行(55.703 %) class Foo { // ... } 不独占一行(44.297 %) class Foo { // ... } 基于 68,516 次提交统计. 控制语句大括号的…

Airbnb JavaScript代码规范（完整）

类型Types 基本数据类型 string number boolean null undefined symbol const foo = 1; let bar = foo; bar = 9; console.log(foo, bar); // => 1, 9 Symbols不能真正的被polyfilled,因此当目标浏览器或者环境本地不支持时,不应当使用Symbols. 复杂数据类型 object array function const foo = [1, 2]; const bar =…

JavaScript代码规范

变量名:驼峰命名法(首单词小写,后面每个单词首字母大写) firstName = "John"; lastName = "Doe"; price = 19.90; tax = 0.20; fullPrice = price + (price * tax); 注意事项: (1)区分大小写,允许包含字母.数字.美元符(变量命名尽量不要用,会与很多JS库冲突)和下划线,不允许以数字开头,不允许包含空格或其他字符 (2)长度尽量短,抓住要点,尽量在变量名中体现出值的类型.…

Airbnb Javascript 代码规范重要点总结es6

中文原地址 1.对所有的引用使用 const 而非 var.这能确保你无法对引用重复赋值. 当需要变动引用时,使用let. const和let都是块级作用域. 2.创建对象的方式: const item = {}: 使用对象属性的简写,且为简写的属性分组. 3.创建数组的方式: const arr = [ ]; 使用arr.push()去替代直接赋值. 使用拓展运算符去赋值数组: arrCopy = [...arr]; 使用Array.from()把一个类数组对象转换成数组: const foo…

javascript，jquery代码规范

jquery代码规范 Coding Standards & Best Practices 中文翻译版:jquery编程的标准写法和最佳实践 javascript代码规范 JavaScript编码规范引爆你的Javascript代码进化前端编码规范之JavaScript CSS 编码规范 CSS编码规范编码规范bootcss HTML 编码规范 HTML 编码规范编码规范bootcss 最佳编码实践…

项目Alpha冲刺——代码规范、冲刺任务与计划

作业要求这个作业属于哪个课程软件工程1916-W(福州大学) 这个作业要求在哪里项目Alpha冲刺团队名称基于云的胜利冲锋队项目名称云评:高校学生成绩综合评估及可视化分析平台这个作业的目标团队的代码规范.本次冲刺任务与计划其他参考文献 1.邹欣.构建之法[M].3版:人民邮电出版社,2014. 团队阵容队员学号队员姓名个人博客地址备注 221500201 孙文慈 https://www.cnblogs.com/swc221500201/ 131601207 陈序展 h…

HTML5: HTML(5) 代码规范

ylbtech-HTML5: HTML(5) 代码规范 1.返回顶部 1. HTML(5) 代码规范 HTML 代码约定很多 Web 开发人员对 HTML 的代码规范知之甚少. 在2000年至2010年,许多Web开发人员从 HTML 转换到 XHTML. 使用 XHTML 开发人员逐渐养成了比较好的 HTML 编写规范. 而针对于 HTML5 ,我们应该形成比较好的代码规范,以下提供了几种规范的建议. 使用正确的文档类型文档类型声明位于HTML文档的第一行: <!DOCTYPE html>…

谷歌与Airbnb的JS代码规范

谷歌JS代码规范规范代码原因:代码规范是为了保持源代码编写模式一致,便于维护代码,可读性高. 1.使用空格代替tab 规范随后指出应该使用2个,而不是4个空格带实现缩进.(除了每一行的终止符序列,ASCII水平空格符(0x20)是唯一一个可以出现在源文件中任意位置的空格字符) 2.不能省略分号每个语句必须以分号结尾.不允许依赖于JS自动添加分号的功能.分号是必须的,是不可省略的. 2.不推荐代码水平对齐对代码进行水平对齐会在代码中添加若干多余的空格,这让相邻两行的字符看上去处于一条垂直…

中小型前端团队代码规范工程化最佳实践 - ESLint

前言 There are a thousand Hamlets in a thousand people's eyes. 一千个程序员,就有一千种代码风格.在前端开发中,有几个至今还在争论的代码风格差异: 单引号还是双引号? 代码行结束是否需要分号? 两个空格还是四个空格? ... 这几个代码风格差异在协同开发中经常会被互相吐槽,甚至不能忍受. 除此之外,由于 JavaScript 的灵活性,往往一段代码能有多种写法,这时候也会导致协同时差异.并且,有一些写法可能会导致不易发现的 bug,或者这…

JavaScript必备:Google发布的JS代码规范(转)

[翻译]关于Google发布的JS代码规范,你需要了解什么? 翻译 | WhiteYin 译文 | https://github.com/WhiteYin/translation/issues/10 Google为了那些还不熟悉代码规范的人发布了一个JS代码规范.其中列出了编写简洁易懂的代码所应该做的最佳实践. 代码规范并不是一种编写正确JavaScript代码的规则,而是为了保持源代码编写模式一致的一种选择.对于JavaScript语言尤其如此,因为它灵活并且约束较少,允许开发者使用许多不同的…

Javascript编码规范，好的代码从书写规范开始，增强代码的可读性，可维护性，这是相当重要的！

1. 前言 JavaScript在百度一直有着广泛的应用,特别是在浏览器端的行为管理.本文档的目标是使JavaScript代码风格保持一致,容易被理解和被维护. 虽然本文档是针对JavaScript设计的,但是在使用各种JavaScript的预编译语言时(如TypeScript等)时,适用的部分也应尽量遵循本文档的约定. 任何问题或建议,欢迎跟我们讨论:fe-styleguide@baidu.com. 2. 代码风格 2.1. 文件 ·[建议] JavaScript 文件使用无 BOM 的 UT…

代码规范(RL-TOC)用更合理的方式写 JavaScript

代码可以改变世界不规范代码可以毁掉世界只有先学会写规范的代码,才可以走的更远编程语言之间有很多编程规范都是通用: 命名不要用语言不明的缩写,不用担心名字过长,名字一定要让别人知道确切的意思; 类.类型.变量用名词或组合名词.如Member, ProductInfo; 函数名用动词或者动宾组合词来表示,如get/set,RenderPage(); 布尔变量需要用is做前缀; 尽量写绝对路径; 注释注释是为了解释程序做了什么(What)或者为什么这么做(Why),以及要特别注意的地方: 注…

JavaScript standard 代码规范的全文

这是 JavaScript standard 代码规范的全文. 掌握本规范的最好方法是安装并在自己的代码中使用它. 细则使用两个空格进行缩进. eslint: indent function hello (name) { console.log('hi', name) } 除需要转义的情况外,字符串统一使用单引号. eslint: quotes console.log('hello there') $("<div class='box'>") 不要定义未使用的变量.…

electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范

我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范 electron教程(番外篇二): 使用TypeScript版本的electron, VSCode调试TypeScript, TS版本的ESLint electron教程(二): http服务器, ws服务器, 子进程管理 electron教程…

Javascript循环和代码规范

1 - 循环 1.1 for循环语法结构 for(初始化变量; 条件表达式; 操作表达式 ){ //循环体 } 名称作用初始化变量通常被用于初始化一个计数器,该表达式可以使用 var 关键字声明新的变量,这个变量帮我们来记录次数. 条件表达式用于确定每一次循环是否能被执行.如果结果是 true 就继续循环,否则退出循环. 操作表达式用于确定每一次循环是否能被执行.如果结果是 true 就继续循环,否则退出循环. 执行过程: 初始化变量,初始化操作在整个 for 循环只会执行一次. 执…

Javascript模块化规范

Javascript模块化规范一.前端js模块化由来与演变 CommonJS 原来叫 ServerJS,推出 Modules/1.0 规范后,在 Node.js 等环境下取得了很不错的实践.09年下半年这帮充满干劲的小伙子们想把 ServerJS 的成功经验进一步推广到浏览器端,于是将社区改名叫 CommonJS,同时激烈争论 Modules 的下一版规范.分歧和冲突由此诞生,逐步形成了三大流派: Modules/1.x 流派.这个观点觉得 1.x 规范已经够用,只要移植到浏览器端就好.要做的…

使用 Promises 编写更优雅的 JavaScript 代码

你可能已经无意中听说过 Promises,很多人都在讨论它,使用它,但你不知道为什么它们如此特别.难道你不能使用回调么?有什么了特别的?在本文中,我们一起来看看 Promises 是什么以及如何使用它们写出更优雅的 JavaScript 代码. 您可能感兴趣的相关文章开发中可能会用到的几个 jQuery 提示和技巧精心挑选的优秀jQuery Ajax分页插件和教程推荐几款很好用的 JavaScript 文件上传插件精心挑选的优秀 jQuery 文本特效插件和教程精心挑选12款优秀 jQ…

编写快速、高效的JavaScript代码

许多Javascript引擎都是为了快速运行大型的JavaScript程序而特别设计的,例如Google的V8引擎(Chrome浏览器,Node均使用该引擎).在开发过程中,如果你关心你程序的内存和性能的话,你应该了解并意识到,在你的代码背后,浏览器的JavaScript引擎中到底发生了什么事情. 不论的V8,SpiderMonkey(Firefox).Carakan(Opera).Chakra(IE)或者其它类型的引擎.了解引擎背后的一些运行机制可以帮助你更好的优化你的应用程序.这并不是…

Google Closure Compiler高级压缩混淆Javascript代码

一.背景前端开发中,特别是移动端,Javascript代码压缩已经成为上线必备条件. 如今主流的Js代码压缩工具主要有: 1)Uglify http://lisperator.net/uglifyjs/2)YUI Compressor http://developer.yahoo.com/yui/compressor/3)Google Closure Compiler https://developers.google.com/closure/compiler/ 自从jQuery等流行库使用U…

python 全栈开发，Day50(Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏)

一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) JavaScript历史背景介绍布兰登 • 艾奇(Brendan Eich,1961年-),1995年在网景公司,发明的JavaScript. 一开始JavaScript叫做LiveScript,但是由于当时Java这个语言特别火,所以为了傍大牌,就改名为JavaScript.如同“北大”和“北大青鸟”…

Web前端开发最佳实践（10）：JavaScript代码不好读，不好维护？你需要改变写代码的习惯

前言这篇文章本应该在上一篇文章:使用更严格的JavaScript编码方式,提高代码质量之前发布,但当时觉得这篇文章太过基础,也就作罢.后来咨询了一些初级的开发者,他们觉得有必要把这篇文章也放上来.尽管这篇文章内容基础,但是很多初中级开发者还是会犯同样的错误,发布出来也算是再一次提醒. 良好的编码习惯,这是每个程序员应具备的最基本素质.无论是前端程序员还是后端程序员,都要遵循基本的规范,减少因代码混乱而造成难以维护的局面.要做到不管有多少人共同参与同一个项目,一定要确保每一行代码都像是同一个人编…

如何写出优雅的JavaScript代码？ && 注释

如何写出优雅的JavaScript代码 ? 之前总结过一篇<如何写出优雅的css代码?>, 但是前一段时间发现自己的js代码写的真的很任性,没有任何的优雅可言,于是这里总结以下写js时应当注意的问题,注:这篇文章多为参考Nicholas C. Zakas 的<编写可维护的JavaScript>一书. 第一部分:基本的格式化 1.四个空格缩进层级 js中有合适的缩进层级才能使得代码在阅读起来更容易,一般有两种方法:直接使用制表符tab.使用四个空格来缩进. 个人比较推荐使用四个空格,…

前端JavaScript(1) --Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏

前端规范之JS代码规范（ESLint + Prettier）

代码规范是软件开发领域经久不衰的话题,几乎所有工程师在开发过程中都会遇到或思考过这一问题.而随着前端应用的大型化和复杂化,越来越多的前端团队也开始重视代码规范.同样,前段时间,笔者所在的团队也开展了一波开源治理,而其中代码规范就占据了很重要的一项.接下来的几篇文章,将会对JS代码规范.CSS规范.Git工作流规范以及文档规范进行详细的介绍~ 系列文章: 前端规范之JS代码规范(ESLint + Prettier) 前端规范之CSS规范(Stylelint) 前端规范之Gti工作流规范(Husky…

【最流行的JavaScript代码规范】的更多相关文章