JavaScript规范和工具 JSlint

规范

Gooogle JavaScript规范：

http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml

JQuery Core Style Guidelines

http://docs.jquery.com/JQuery_Core_Style_Guidelines

Dojo Style Guide

http://o.dojotoolkit.org/developer/StyleGuide

70 Expert Ideas For Better CSS Coding

http://www.360doc.com/content/07/0512/12/18868_495822.shtml

规范检查工具

Google JSLint 下载地址 http://code.google.com/p/jslint-toolkit/

JSLint http://www.JSLint.com

JavaScript Lint http://www.JavaScriptLint.com/

Microsoft Ajax Minifier http://aspnet.codeplex.com/releases/view/40584

Google JSLint使用步骤

确保本机安装了JRE1.5或以上

1、 解压压缩包

2、 将需要的检查的文件放到scripts\file目录下，把config.json文件中includes修改为： "includes": ["scripts\\file"],

3、 点击run.bat，可以进行规范检查

4、 结束后，察看out\index.html文件，可以看到违规的地方，检查修改，并重复3，4直到达到要求

编写JS代码前先熟悉一下doc\index.htm 文件，对于规范的约定有个熟悉后再编写代码，事半功倍。

关于JSLint检查其他编码的文件：

JSlint是使用Rhino引擎执行js的检查，run.bat使用Rhino Shell运行，对于读文件，是以系统当前默认的编码完成。

scripts\source\util.js

readFile: function (path)

其中的readFile(path); 这个函数是Rhino Shell预定义的函数，第二参数编码可以设置，修改为readFile(path, 'utf-8');就可以分析UTF-8编码了，其他编码同样设置

使用VS2008、VS2010工具时，js文件默认是保存为有签名形式的UTF-8文件[文件的前三个字节是签名]，对于这样的文件Rhino也处理不了[只能处理没有签名的UTF-8文件]，为了自动化处理此问题，制作了一个小工具，如下：

指定JSlint的执行路径，然后选择JS根路径和需要检查的JS目录，执行转换即可查看结果。

绿色的文件表示符合规范，红色表示违反规范，找到位置修改即可。

注意：要分析的JS文件目录不能包含中文字符，否则，结果无法显示。

 

具体的修正工具下载：http://jsfkit.codeplex.com/releases