DWZ富客戶端框架設(shè)計(jì)目標(biāo)是簡(jiǎn)單實(shí)用、擴(kuò)展方便靈活、快速開發(fā)、RIA思路、輕量級(jí)

設(shè)計(jì)思路

第一次打開頁面時(shí)載入界面到客戶端, 之后和服務(wù)器的交互只是數(shù)據(jù)交互, 不占用界面相關(guān)的網(wǎng)絡(luò)流量.

支持HTML擴(kuò)展方式來調(diào)用DWZ組件.

基于jQuery標(biāo)準(zhǔn)化Ajax開發(fā), 降低Ajax開發(fā)成本.

學(xué)習(xí)DWZ的建議

• 通讀DWZ文檔，很多問題文檔中都寫了，初學(xué)者最好先讀一遍文檔。
• 看demo每個(gè)組件演示效果和代碼（留意組件html結(jié)構(gòu)）。
• 建議安裝firebug，用firebug看html結(jié)構(gòu)、CSS和調(diào)試JS都非常方便。見附錄一 firebug介紹。
• 對(duì)于初學(xué)者不建議看DWZ全部源碼，但還是非常有必要看看dwz.ui.js和dwz.ajax.js
• 可以從google code下載dwz_thinkphp版本或dwz4j(Java版本)，結(jié)合后臺(tái)程序去理解DWZ和服務(wù)器端的交互方式

DWZ區(qū)別于其它JS框架，最大的優(yōu)點(diǎn)

• 完全開源，源碼沒有做任何混淆處理，方便擴(kuò)展
• CSS和js代碼徹底分離，修改樣式方便
• 簡(jiǎn)單實(shí)用，擴(kuò)展方便，輕量級(jí)框架，快速開發(fā)
• 仍然保留了html的頁面布局方式
• 支持HTML擴(kuò)展方式調(diào)用UI組件，開發(fā)人員不需寫js
• 只要懂html語法不需精通js，就可以使用ajax開發(fā)后臺(tái)
• 基于jQuery，UI組件以jQuery插件的形式發(fā)布，擴(kuò)展方便

推薦2本JS好書:

jQuery實(shí)戰(zhàn)

?

JavaScript高級(jí)程序設(shè)計(jì)(第2版)

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/j-ui/p/3217270.html

總結(jié)

以上是生活随笔為你收集整理的DWZ富客户端框架设计思路与学习建议的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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