1.可维护的代码:
编写可维护性的代码很重要。因为大多数开发人员都花费大量的时间维护他人的代码,很难从头开始开发新代码的。很多情况下是以他人的工作成果为基础的。确保自己的代码可维护性,以便于其他开发人员在此基础上更好的开展工作。
什么是可维护的代码:
1.可理解性:其他人可以接受代码,并理解它的意图和一般途径。而无需原开发人员的完整解释。
2.直观性:代码中的东西一看就明白,不管其操作过程多么复杂。
3.可适应性:代码以一种数据上的变化不要求完全重写的方法撰写。
4.可扩展性:在代码架构上已经考虑到未来允许对核心功能的扩展。
5.可调试性:代码有足够的的信息来尽可能的确定问题的所在。
代码约定:
一种让代码变得可维护性的简单途径就是形成一套JavaScript代码书写约定。比如:
可读性(必须可读):一般如下的地方需要注释:函数和方法,大段代码,复杂的算法,Hack等
变量和函数名:适当给变量和函数起名字增加代码的可读性和可维护性非常重要。比如:
变量名字应为名词,函数名应该为动词,变量和函数的名字应使用合乎逻辑的名字,不要担心长度。
变量类型透明:初始化为一个特定数据类型可以很好的指明变量类型。
松散耦合:
只要应用的某个部分过分依赖于某一个部分,代码就耦合过紧,难于维护。比如:
解耦HTML和JavaScript:HTML是数据,JavaScript数行为。
解耦CSS和JavaScript:最常见的例子就是使用JavaScript修改样式,这样不好,我们应该通过JavaScript控制改变样式类来到达修改样式的功能。
由于JavaScript必须与HTML和css共存,所以让各自完全定义其自己的目的非常重要:JavaScript应该定义行为,HTML负责定义内容,CSS负责定义外观。
解耦应用逻辑和事件处理程序
2.编程实践:
1.尊重对象的所有权:
2.避免使用全局量(最好有各自的命名空间)
3.避免与null比较:代码中的null比较越少,就越容易确定代码的目的,消除了不必要的错误。
4.使用常量。
3.性能:
1.注意作用域:
避免使用全局查找
避免使用with语句。
2.优化DOM交互:
在JavaScript中,DOM毫无疑问是最慢的一部分。DOM操作与交互要消耗大量时间。因为它们往往需要重新渲染整个页面或者一部分。进一步说,看似细微的操作也可能花费很久来执行。因为DOM要处理非常多的信息。理解如何优化与DOM的交互可以极大的提高脚本完成的速度。因为DOM的消耗很大,所以需要限制DOM操作的次数。
最小化现场更新
使用innerHTML
使用事件代理
4.部署:
构建过程
验证压缩:文件压缩(代码长度和配重)和HTTP压缩
待续.....
参考《JavaScript高级程序指南》