高质量的JavaScript

简介:

在团队开发环境下,代码的可维护性非常重要。

1.善用全局变量。你可以使用匿名函数的方式,避免无用的全局变量冲突。如果需要在多个地方进行数据通信,那么你可以定义一个全局对象,比如GLOA={},还可以定义不同的“命名空间”,比如CLOA.space1={},GLOA.space2={}....

2.JS是脚本语言,浏览器下载到哪儿就执行到哪儿,如果你写了多个<script>标签,那么执行入口会有好几个,很乱的。比较好的做法是给他们一个统一的执行入口:window.onload和DOMReady.这里有个区别:window.onload是等页面完全加载后执行(包括图片,flash等),而DOMReady只要DOM节点全部生成就可以了。DOMReady不是JS原生支持的。需要用其他库。比如JQuery的$(document).ready(),YUI的YAHOO.util.Event.onDOMReady()。如果只用JS的话,你也可以把JS代码放在body的最后面,这样确保前面的DOM都“生成”了。所以这里有一个简单的原则:CSS放在页头,JS放在页尾。

4.JS代码也可以像CSS那样分层组织(base,common,page思想),对于各个浏览器表现不一致问题,有必要在base层封装一下。而common层你可以加入项目需要的一些扩展功能。

3.上线前别忘了把你的CSS和JS代码压缩一下,好处嘛,你懂的。

JS是一门很有趣的语言,要想写出高质量的代码需要深厚的编程功底和丰富的经验,这个需要在项目和工作中慢慢体会。

曾经有人能将JS运用自如,基本上能将想要的功能都实现,大家都对他加以赞赏。我想说不要以为你很牛逼!实现功能只是对程序员的要求,很多技术牛人都非常谦虚。少年总是too young too simple,你会很多,但不会更多!


相关文章
|
3月前
|
Web App开发 JavaScript 前端开发
javascript主要特点有哪些,简单描述javascript的特点
javascript主要特点有哪些,简单描述javascript的特点
78 0
|
存储 JSON JavaScript
70.【JavaScript 6.0】(四)
70.【JavaScript 6.0】
56 1
|
5月前
|
JavaScript 前端开发 测试技术
什么是JavaScript
【8月更文挑战第20天】
47 0
|
8月前
|
JSON JavaScript 前端开发
JavaScript
JavaScript基础概要:包括数据类型的`=`, `==`, `===`和`use strict`;数组操作如`length`, `indexOf`, `slice`, `push`, `pop`, `unshift`, `shift`和`sort`;Map和Set的使用,如`get`, `set`, `delete`及遍历;函数的abs, rest参数,作用域,let, const和方法;内部对象如Date和JSON;BOM操作如window, screen和location;DOM操作涉及节点获取
38 0
|
8月前
|
JavaScript 前端开发
JavaScript-T1
JavaScript-T1
53 0
|
存储 前端开发 JavaScript
javascript常用的东西
javascript常用的东西
152 0
|
存储 JavaScript 前端开发
JavaScript (二)
JavaScript 对象 可以说 &quot;JavaScript 对象是变量的容器&quot;。 但是,我们通常认为 &quot;JavaScript 对象是键值对的容器&quot;。
41 0
|
JavaScript 前端开发
JavaScript小练习
JavaScript小练习
|
JavaScript 前端开发 Android开发
JavaScript小技巧
牙叔教程 简单易懂
185 0
|
JavaScript 前端开发
JavaScript 自己实现 new
JavaScript 自己实现 new