本章我們介紹了一些工具和技術,採用這些工具和技術,會讓你的開發過程更加愉快。JSDoc可以協助建立JavaScript代碼的文檔,從而使其他開發人員能夠更容易地理解和使用代碼。如果你開始經常使用Ajax技術,肯定會編寫一些你自己可重用的JavaScript庫,而且會用JSDoc為代碼建立文檔,以便其他人更輕鬆地使用這些庫。
HTML Validator和Checky等工具可以協助你確保所寫的HTML代碼是合法的HTML。不合法的HTML會導致未預見的行為,所以使用合法的HTML或XHTML能消除可能導致錯誤的一些因素。另外,如果XHTML或HTML是合法的,更有可能在多個瀏覽器平台上有相同的表現。
在Firefox和其他Mozilla瀏覽器中打包提供了DOM Inspector工具,利用這個工具可以將HTML文檔作為結構化樹來檢查其節點。DOM Inspector允許你查看每個節點及其屬性值,甚至可以動態修改屬性值。你可以動態地將節點從頁面中的一個位置移到另一個位置,而不必重寫HTML。如果要檢查通過JavaScript動態建立的節點,DOM Inspector就很有用。
JSLint是一個JavaScript驗證工具。儘管它不能確定JavaScript的邏輯是否正確,但確實能協助找出語言文法中存在的錯誤,還能發現由於編碼風格不好而可能出錯的部分。
刪除JavaScript中的注釋行和斷行符號分行符號可以大大縮小JavaScript檔案的大小,相應地,將JavaScript 檔案下載到客戶瀏覽器的時間也會減少。MemTronic的HTML/JavaScript Cruncher-Compressor不僅能刪除注釋行和斷行符號分行符號,還能真正壓縮JavaScript代碼,從而加快下載速度。壓縮還有一個很好的副作用,就是能使JavaScript更難讀,從而有助於保護JavaScript代碼的內部工作不外泄,不會被別人竊取。
Firefox的Web開發擴充包為Web開發人員提供了許多有用的工具。利用這些工具,可以調整圖片的大小,動態地編輯CSS樣式規則,將表單方法從GET改為POST(或反之),除此以外還有很多。
我們也介紹了一些進階的JavaScript技術,如物件導向編程。首先,你瞭解了JavaScript如何使用一種基於prototype的機制來類比繼承。然後瞭解了JavaScript如何使用只能通過公用方法訪問的私人屬性支援資訊隱藏的概念。最後,我們介紹了使JavaScript可以類比基於類的繼承機制的技術,這種繼承機制類似於C++和Java中使用的繼承機制。對於那些習慣於完全物件導向語言的人來說,這種技術是一種更自然的編碼風格。
作為Ajax開發人員,採用這些工具和技術會使開發更為輕鬆、工作心情更加愉快。你可以把這些工具都拿來試試挑出你喜歡的工具,另外,你還可能在Web上碰到其他有用的工具。
返回“Ajax基礎教程-目錄”