一站式前端框架

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

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

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

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

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

6、ript方法支持鏈式調用父類方法示例參考文章：http:/ Widget Frameworkdojox各種有趣東西的大派對圖表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/你不應該錯過的是dojo mobile在dojox包下實現(xiàn)了一系列的組件這些組件模擬了移動終端的操作模式通過不同的樣式，能夠模擬出不同操作系統(tǒng)終端的效果示例http:/localhost/dojo/dojox/mobile/tests/我們做的簡單例子：http:/localhost:8080/html5-acorn/不得不提的util包DOH自動化測試構建系統(tǒng)JS文檔自動生成工具Agenda我們是怎么來到這里的我們是怎么來到這里的1.前端框架的威力何在前端框架的威力何在2.dojo框架簡介框架簡介3.小結小結4.站得高一點看看dojo是一個功能完整的前端框架dojo對原生的JavaScript和DOM都進行了增強dojo提供了豐富的UI組件dojo特別適用于交互性要求高的場景dojo得到了眾多廠商的支持并且開發(fā)狀態(tài)活躍dojo和jQuery不得不說的那些事子子曾經曰過：君子性非異也，善假于物也！曾經曰過：君子性非異也，善假于物也！我的建議：選適合應用場景的，大家都挺忙的，我的建議：選適合應用場景的，大家都挺忙的，別陷于無意義