DWZ富客戶端框架設計思路與學習建議

DWZ富客戶端框架設計目標是簡單實用、擴展方便靈活、快速開發、RIA思路、輕量級

設計思路

第一次打開頁面時載入界面到客戶端, 以後和服務器的交互只是數據交互, 不佔用界面相關的網絡流量.

支持HTML擴展方式來調用DWZ組件.

基於jQuery標準化Ajax開發, 下降Ajax開發成本.

學習DWZ的建議

• 通讀DWZ文檔，不少問題文檔中都寫了，初學者最好先讀一遍文檔。
• 看demo每一個組件演示效果和代碼（留意組件html結構）。
• 建議安裝firebug，用firebug看html結構、CSS和調試JS都很是方便。見附錄一 firebug介紹。
• 對於初學者不建議看DWZ所有源碼，但仍是很是有必要看看dwz.ui.js和dwz.ajax.js
• 能夠從google code下載dwz_thinkphp版本或dwz4j(Java版本)，結合後臺程序去理解DWZ和服務器端的交互方式

DWZ區別於其它JS框架，最大的優勢

• 徹底開源，源碼沒有作任何混淆處理，方便擴展
• CSS和js代碼完全分離，修改樣式方便
• 簡單實用，擴展方便，輕量級框架，快速開發
• 仍然保留了html的頁面佈局方式
• 支持HTML擴展方式調用UI組件，開發人員不需寫js
• 只要懂html語法不需精通js，就能夠使用ajax開發後臺
• 基於jQuery，UI組件以jQuery插件的形式發佈，擴展方便

推薦2本JS好書:

jQuery實戰

 

JavaScript高級程序設計(第2版)