一站式前端框架

1、一站式前端框架dojo簡(jiǎn)介張衛(wèi)濱有沒有搞錯(cuò)，沒有HTML5？About me2007.7至今 東軟基礎(chǔ)軟件事業(yè)部PSD關(guān)注領(lǐng)域Web前端開發(fā)技術(shù)：JavaScript、 RIA框架、HTML5、性能優(yōu)化Java開發(fā)技術(shù)，Spring、Hibernate、OSGi、Eclipse等軟件復(fù)用聯(lián)系我郵箱：新浪微博：張衛(wèi)濱1895技術(shù)博客：http:/ 1.0Web 2.0現(xiàn)代Web 20042010年 Ajax應(yīng)用 信息交互 19892003年 注重信息展現(xiàn) HTML4 2011年 開放平臺(tái)及API 云計(jì)算、實(shí)時(shí)計(jì)算 HTML5Web 1.0Agenda我們是怎么來到這里的我們是怎么來到這里的1.前

2、端框架的威力何在前端框架的威力何在2.dojo框架簡(jiǎn)介框架簡(jiǎn)介3.小結(jié)小結(jié)4.如果沒有遇見你處理讓人頭疼的瀏覽器兼容性問題處理所有的Ajax請(qǐng)求無休無止的規(guī)范，無休無止的beta好吧，給我做個(gè)像桌面應(yīng)用一樣酷的應(yīng)用OK，終于做出來了，但你不能讓我等10秒鐘才看到頁面吧大量前端代碼的維護(hù)簡(jiǎn)直就是噩夢(mèng)（這段代碼曾經(jīng)上帝和我能看懂，現(xiàn)在只有上帝能看懂啦）框架大集合世界因你而不同不用擔(dān)心瀏覽器兼容性問題了工具類處理dom、事件統(tǒng)一的Ajax封裝，不用自己發(fā)請(qǐng)求，解析返回值大多提供類和繼承機(jī)制，利于大規(guī)模程序的開發(fā)用戶界面組件，界面統(tǒng)一，效率提升使得開發(fā)人員以一種類似的風(fēng)格進(jìn)行程序的開發(fā)，便于后來人員的

3、維護(hù)形象得看一下瀏覽器APIWeb應(yīng)用瀏覽器APIWeb應(yīng)用前端框架Agenda我們是怎么來到這里的我們是怎么來到這里的1.前端框架的威力何在前端框架的威力何在2.dojo框架簡(jiǎn)介框架簡(jiǎn)介3.小結(jié)小結(jié)4.dojo是什么？由Alex Russell, Dylan Schiemann等人始創(chuàng)于2004年Unbeatable JavaScript Tool開源、非盈利最新版本1.7.2誰在支持dojo？為什么用dojo？對(duì)JavaScript和DOM的增強(qiáng)完善的包和類管理機(jī)制AMD規(guī)范的良好支持Ajax的封裝DOM的封裝HTML5和CSS3的支持完善且樣式統(tǒng)一的組件生命周期管理多種使用方式便于擴(kuò)展工

4、具自動(dòng)構(gòu)建測(cè)試其他眾多廠商支持社區(qū)活躍dojo的組成一站式前端解決方案Coredijitdojox 核心庫核心庫 AMD加載器 類機(jī)制定義 Dom和ajax封裝 數(shù)據(jù)結(jié)構(gòu) UI庫庫 組件的生命周期定義 擴(kuò)展的機(jī)制 表單類組件 容器類組件 各種你想要的東西各種你想要的東西 dojo mobile Comet 高級(jí)動(dòng)畫 3D等 圖表 再近一點(diǎn)看看coredojo.jsdojo/_basedojo Core再近一點(diǎn)看看dijit完善的組件生命周期豐富的組件庫可擴(kuò)展的插件開發(fā)機(jī)制再近一點(diǎn)看看dojox豐富多彩的開源庫圖表Mobile工具類儀表盤對(duì)HTML5的一些封裝（如web socket、本地緩存等

5、）注意：目錄有些凌亂（好東西慢慢淘）穩(wěn)定性難以保證誰適合用dojo如果您的應(yīng)用滿足以下條件，那推薦dojo：需要使用大量組件需要復(fù)雜的交互體驗(yàn)（類似桌面應(yīng)用）另外，如果主要用于企業(yè)內(nèi)聯(lián)網(wǎng)，那dojo更適合了如果您的應(yīng)用是以下的場(chǎng)景，請(qǐng)盡可能考慮其他框架：內(nèi)容以展現(xiàn)為主，主要是靜態(tài)內(nèi)容不需要組件，只需要一些dom和ajax 的工具開始使用dojo值得注意的是，可以通過data-dojo-config增加一些關(guān)于dojo的配置信息，如async屬性設(shè)置是否異步加載依賴的JS文件。dojo解決實(shí)際編程問題OO概況dojo通過dojo.declare聲明類支持類的多繼承支持自定義構(gòu)造方法和postsc

6、ript方法支持鏈?zhǔn)秸{(diào)用父類方法示例參考文章：http:/ Widget Frameworkdojox各種有趣東西的大派對(duì)圖表http:/localhost/dojo/dojox/charting/tests/儀表盤http:/localhost/dojo/dojox/gauges/tests/Grid組件 http:/localhost/dojo/dojox/grid/tests/CSS3http:/localhost/dojo/demos/css3/Formhttp:/localhost/dojo/dojox/form/tests/容器http:/localhost/dojo/dojox/

7、layout/tests/你不應(yīng)該錯(cuò)過的是dojo mobile在dojox包下實(shí)現(xiàn)了一系列的組件這些組件模擬了移動(dòng)終端的操作模式通過不同的樣式，能夠模擬出不同操作系統(tǒng)終端的效果示例http:/localhost/dojo/dojox/mobile/tests/我們做的簡(jiǎn)單例子：http:/localhost:8080/html5-acorn/不得不提的util包DOH自動(dòng)化測(cè)試構(gòu)建系統(tǒng)JS文檔自動(dòng)生成工具Agenda我們是怎么來到這里的我們是怎么來到這里的1.前端框架的威力何在前端框架的威力何在2.dojo框架簡(jiǎn)介框架簡(jiǎn)介3.小結(jié)小結(jié)4.站得高一點(diǎn)看看dojo是一個(gè)功能完整的前端框架dojo對(duì)原生的JavaScript和DOM都進(jìn)行了增強(qiáng)dojo提供了豐富的UI組件dojo特別適用于交互性要求高的場(chǎng)景dojo得到了眾多廠商的支持并且開發(fā)狀態(tài)活躍dojo和jQuery不得不說的那些事子子曾經(jīng)曰過：君子性非異也，善假于物也！曾經(jīng)曰過：君子性非異也，善假于物也！我的建議：選適合應(yīng)用場(chǎng)景的，大家都挺忙的，我的建議：選適合應(yīng)用場(chǎng)景的，大家都挺忙的，別陷于無意義