在第一家公司用C++时,公司有着严格的代码规范,甚至到了严苛的地步,现在回想起来,对它充满感激.一个好的习惯让你收益终身. 之后使用JS/TS却没有为自己定一套编程规范,所幸为时不晚,在这里参考airbnb公司代码规范. -----该规范转载至阮一峰大大的ES入门 1.块级作用域 1)let 取代var ES6 提出了两个新的声明变量的命令:let和const.其中,let完全可以取代var,因为两者语义相同,而且let没有副作用. 'use strict'; if (true) { let x…

摘自:https://github.com/dead-horse/node-style-guide https://github.com/felixge/node-style-guide 2空格缩进 使用2个空格而不是 tab 来进行代码缩进,同时绝对不要混用空格和 tab . Sublime Text 2 设置(perfernces > Settings - User): "tab_size": 2, "translate_tabs_to_spaces":…

原文:github.com/ryanmcdermott/clean-code-javascript 说明:本文翻译自 github 上的一个项目,只取部分精华. 一.变量 用有意义且常用的单词命名 //Bad const yyyymmdstr=moment().format('YYYY/MM/DD'); //Good const currentDate=moment().format('YYYY/MM/DD'); 保持统一 对同一类型的变量使用相同的命名保持统一: //Bad: getUserI…

特别注意!!!我这里的前端编程规范不苟同于Bootstrap的前端规范. 因为我和它的目的不同,Bootstrap规范是极简主义,甚至有些没有考虑到兼容性的问题. 我的规范是自己从编程实践中总结出来的,每条都附有详细原因,不喜者请评论阐明原因. 1.HTML基本元素.标签规范 闭合(<p></p>).自闭合(<br />).小写(<INPUT />) 1)不闭合的标签往往会导致非常多异常的页面显示,<div>标签不匹配.漏配这种情况尤其常见,建议…

一.UI层的松耦合 松耦合就是要求各层遵循“最少知识原则”,或者说是各层各司其职,不要越权: HTML:结构层 CSS:表现层 JS:行为层 对于各层的职能,有一句比较贴切的解释:HTML是名词(n),CSS是形容词(adj)和副词(adv),JS是动词 因为三层联系紧密,实际应用中很容易越权: 1.从css中分离js 尽量不要用css表达式,如果非要用也应该把相应的代码放在hack中,便于维护 2.从js中分离css 不要用ele.style.attr及ele.cssText,应该用操作类名代…

最近看NodeJS中,有一部分写JS约定俗成的编程规范(附录B,详情参考附件),感觉在实际工作中能用到, 大致意思分享给大家,详情参考附件: 1.缩进:建议两空格 作为Node.js代码的缩进标记: 2.行宽:建议把行宽限制为80个字符: 3.语句分隔符:建议一律使用分号,哪怕一行只有一个语句,也不要省略分号: 4.变量定义:永远使用 var 定义变量,而不要通过赋值隐式定义变量: 5.变量名和属性名:使用小驼峰式命名法(lower camel case)作为所有变量和属性的命名规则,不建议使用…

JS编程常识   一.UI层的松耦合 松耦合就是要求各层遵循“最少知识原则”,或者说是各层各司其职,不要越权: HTML:结构层 CSS:表现层 JS:行为层 对于各层的职能,有一句比较贴切的解释:HTML是名词(n),CSS是形容词(adj)和副词(adv),JS是动词 因为三层联系紧密,实际应用中很容易越权: 1.从css中分离js 尽量不要用css表达式,如果非要用也应该把相应的代码放在hack中,便于维护 2.从js中分离css 不要用ele.style.attr及ele.cssText…

.NET开发编程规范 第1章 程序的版式 版式虽然不会影响程序的功能,但会影响可读性.程序的版式追求清晰.美观,是程序风格的重要构成因素. 可以把程序的版式比喻为"书法".好的"书法"可让人对程序一目了然,看得兴致勃勃.差的程序"书法"如螃蟹爬行,让人看得索然无味,更令维护者烦恼有加. 1.1 版本和版权声明 版本和版权的声明写在文件的开头,包含内容如下: 1. 版权信息 2. 摘要 3. 当前版本 4. 作者 5. 修改作者 6. 完成日期 7…

整理了一些AS3的编程规范,有些规则对于大部分语言都是适用的,有什么问题请提出来,我会持续改进这份规范,谢谢!   [参考资料] 1.http://opensource.adobe.com/wiki/display/flexsdk/Coding+Conventions 2.http://livedocs.adobe.com/specs/actionscript/3/wwhelp/wwhimpl/js/html/wwhelp.htm   [规则1]变量的初始化,定义变量后立即初始化,如果是类的成员…

加载jQuery-Loading jQuery 1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢.点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地址. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script>…