Ajax基礎教程(5)- 構建完備的Ajax開發工具箱 5.7 小結

來源:互聯網
上載者:User

本章我們介紹了一些工具和技術,採用這些工具和技術,會讓你的開發過程更加愉快。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基礎教程-目錄”

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.