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