代码规范(RL-TOC)用更合理的方式写 JavaScript
- 代码可以改变世界
- 不规范代码可以毁掉世界
- 只有先学会写规范的代码,才可以走的更远
编程语言之间有很多编程规范都是通用:
命名
- 不要用语言不明的缩写,不用担心名字过长,名字一定要让别人知道确切的意思;
- 类、类型、变量用名词或组合名词。如Member, ProductInfo;
- 函数名用动词或者动宾组合词来表示,如get/set,RenderPage();
- 布尔变量需要用is做前缀;
- 尽量写绝对路径;
注释
- 注释是为了解释程序做了什么(What)或者为什么这么做(Why),以及要特别注意的地方;
- 注释不是为了解释程序如何工作的(How);
- 最高境界:程序本身就应该能说明,如果程序需要额外的注释,那说明这段代码写的很烂;
//一般注释
------------------------------------------------
/*
*
方法注释
*/
Pascal - 所有单词的首字母都大写;
Camel - 第一个单词首字母小写,其他单词首字母大写;
HTML
- HTML 问件的命名用Pascal【所有单词的首字母都大写 】的命名方式;
- Class命名用小写字母连字符(-)来连接命名的不同单词;
- ID命名用小写字母连字符(-)来连接命名的不同单词;
CSS
.ui-list{}
#btn-open-main-page{}
- css/less文件名用连字符(-)来连接不同单词。
- 样式用连字符(-)来连接命名的不同单词。
- 从外部文件加载css,尽可能减少文件数。加载标签放在文件的head部分;
- 页面中少量的样式放在head的style标签内,大量的样式可以提取到外部的css文件中,不要使用内联式样式;
- 编写性能优化的选择器。避免使用开销大的CSS选择器,比如*;
JavaScript
- js文件的命名,用连字符(-)来连接文件名中的不同单词。如
user-handler.js; - 将99%的代码放在外部js文件中,放在
</body>的前边,让页面的性能最大化; - 属性,方法均采用Camel【所有单词的首字母都大写】形式;
- 对象的构造函数(var变量)采用Pascal【第一个单词首字母小写,其他单词首字母大写】形式;
var globalVariable = 'I am Global Variable';
function Person(name,age) {
this.name = name;
this.age = age;
this.sayHi = function() {
console.log('Hi, I am ' + this.name + ' ' + this.age + ' years old.');
}
}
images命名:
- 用小写字母和连字符(-)来连接命名的不同单词。
【参考】
纯属个人观点,仅供参考
代码规范(RL-TOC)用更合理的方式写 JavaScript的更多相关文章
- [改善Java代码]集合运算时使用更优雅的方式
在初中代数中,我们经常会求两个集合的并集.交集.差集等,在Java中也存在着此 类运算,那如何实现呢? 一提到此类集合操作,大部分的实现者都会说:对两个集合进行遍历,即可求出结果.是的,遍历可以实现并 ...
- 更优雅的方式: JavaScript 中顺序执行异步函数
火于异步 1995年,当时最流行的浏览器--网景中开始运行 JavaScript (最初称为 LiveScript). 1996年,微软发布了 JScript 兼容 JavaScript.随着网景.微 ...
- 个人博客作业Week2 是否需要有代码规范
问题:是否需要有代码规范 对于是否需要有代码规范,请考虑下列论点并反驳/支持: 1.这些规范都是官僚制度下产生的浪费大家的编程时间.影响人们开发效率, 浪费时间的东西. 2.我是个艺术家,手艺人,我有 ...
- Web 前端开发代码规范(基础)
一. 引言 对于一个多人团队来说,制定一个统一的规范是必要的,因为个性化的东西无法产生良好的聚合效果,规范化可以提高编码工作效率,使代码保持统一的风格,以便于代码整合和后期维护. 二. HTML/CS ...
- C#代码规范
C#代码规范 一.文件命名 1 文件名 文件名统一使用帕斯卡命名法,以C#类名命名,拓展名小写. 示例: GameManager.cs 2 文件注释 每个文件头须包含注释说明,文件头位置指的是文件最 ...
- 作业三:代码规范、代码复审、PSP
一.代码规范 我认为我们编写的代码都需要进行规范的操作,因为如果为了图省事情或者为了减少时间去完成这个编程.在最后检验的时候就会出现一些警告,导致你这次编程的代码出现问题,当出现问题的时候你在回头去检 ...
- 关于"是否需要有代码规范"的个人看法
这些规范都是官僚制度下产生的浪费大家的编程时间.影响人们开发效率, 浪费时间的东西. 我是个艺术家,手艺人,我有自己的规范和原则. 规范不能强求一律,应该允许很多例外. 我擅长制定编码规范,你们听我的 ...
- 作业三(代码规范、代码复审、PSP)
1.代码规范: 我支持代码要有规范,理由如下. (1).艺术是一个很带有个人风格的学科,天马行空才能凸显出自己的价值.但不要忘了,会艺术的不是生下来就会艺术, 他也需要按照前辈的步骤一步一步的学习基础 ...
- 代码规范、代码复审、PSP
作业三: 代码规范.代码复审.PSP 代码规范 代码规范的重要性 一.规范的代码可以促进团队合作 一个项目大多都是由一个团队来完成,如果没有统一的代码规范,那么每个人的代码必定会风格迥异.且不说会存 ...
随机推荐
- nginx 编译安装时的编译参数说明(不建议看)
https://www.cnblogs.com/wazy/p/8108824.html ./configure --user=www \ #worker进程运行用户 --group=www \ #wo ...
- 如何在Windows上挂载Linux系统分区
NFS普遍用于unix之间共享,windows默认是不支持这种文件系统的.如果我们要用windows访问NFS的话,而windows系统自身又不支持这种文件系统,那么我们该怎么办? 别急,小编这就手把 ...
- 解决 Mac 突然没有声音
前言 偶尔早上上班时发现Mac突然没有声音了,不明所以.虽然重启也可以,但是也不免太麻烦了.也许是人品不太好,遇到过多次这种情况,就在快要砸了的自己mac的时候,脑中灵光一闪,难道这是因为核心音频守护 ...
- PyCharm设置Python版本
PyCharm默认会使用虚拟的Python解释器,即使没有安装也能够运行Python代码,但有强迫症的程序员一定不能忍受Project中存在这么多的文件目录 设置Python版本 File->S ...
- 原生JS添加类名 删除类名
为 <div> 元素添加 class: document.getElementById("myDIV").classList.add("mystyle&quo ...
- 2018-2019-2 网络对抗技术 20165318 Exp6 信息搜集与漏洞扫描
2018-2019-2 网络对抗技术 20165318 Exp6 信息搜集与漏洞扫描 原理与实践说明 实践原理 实践内容概述 基础问题回答 实践过程记录 各种搜索技巧的应用 DNS IP注册信息的查询 ...
- 完美解决centos安装linux后不能上网的问题
vi / etc /sysconfig/network-scripts/ifcfg-eth0 配置ip地址 DEVICE=eth0 HWADDR=00:0C:29:8C:F7:6F TYPE=Ethe ...
- (5)ps详解 (每周一个linux命令系列)
(5)ps详解 (每周一个linux命令系列) linux命令 ps详解 引言:今天的命令是用来看进程状态的ps命令 ps 我们先看man ps ps - report a snapshot of t ...
- Kmeans基本思想
https://blog.csdn.net/zjc_game_coder/article/details/78595833 Kmeans算法的基本思想:看如下图: 解决小样本 .非线性及高维模式识别问 ...
- 【转】Emgu 图像阈值
原文地址:http://www.cnblogs.com/CoverCat/p/5043833.html 转载,备查 Visual Studio Community 2015 工程和代码:http:// ...