規(guī)范

Gooogle JavaScript規(guī)范：

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

規(guī)范檢查工具

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使用步驟

確保本機(jī)安裝了JRE1.5或以上

1、 解壓壓縮包

2、 將需要的檢查的文件放到scripts\file目錄下，把config.json文件中includes修改為： "includes": ["scripts\\file"],

3、 點(diǎn)擊run.bat，可以進(jìn)行規(guī)范檢查

4、 結(jié)束后，察看out\index.html文件，可以看到違規(guī)的地方，檢查修改，并重復(fù)3，4直到達(dá)到要求

編寫(xiě)JS代碼前先熟悉一下doc\index.htm 文件，對(duì)于規(guī)范的約定有個(gè)熟悉后再編寫(xiě)代碼，事半功倍。

關(guān)于JSLint檢查其他編碼的文件：

JSlint是使用Rhino引擎執(zhí)行js的檢查，run.bat使用Rhino Shell運(yùn)行，對(duì)于讀文件，是以系統(tǒng)當(dāng)前默認(rèn)的編碼完成。

scripts\source\util.js

readFile: function (path)

? 其中的readFile(path); 這個(gè)函數(shù)是Rhino Shell預(yù)定義的函數(shù)，第二參數(shù)編碼可以設(shè)置，修改為readFile(path, 'utf-8');就可以分析UTF-8編碼了，其他編碼同樣設(shè)置 ? 使用VS2008、VS2010工具時(shí)，js文件默認(rèn)是保存為有簽名形式的UTF-8文件[文件的前三個(gè)字節(jié)是簽名]，對(duì)于這樣的文件Rhino也處理不了[只能處理沒(méi)有簽名的UTF-8文件]，為了自動(dòng)化處理此問(wèn)題，制作了一個(gè)小工具，如下： ? ?

指定JSlint的執(zhí)行路徑，然后選擇JS根路徑和需要檢查的JS目錄，執(zhí)行轉(zhuǎn)換即可查看結(jié)果。

綠色的文件表示符合規(guī)范，紅色表示違反規(guī)范，找到位置修改即可。

注意：要分析的JS文件目錄不能包含中文字符，否則，結(jié)果無(wú)法顯示。

?

具體的修正工具下載：http://jsfkit.codeplex.com/releases

總結(jié)

以上是生活随笔為你收集整理的JavaScript规范和工具 JSlint的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。