自從幾年前 "Web 2.0" 開始流行後,似乎每個網頁都要秀點 Ajax 才表示自己跟得上時代。由於 IE 瀏覽器的支援度參差不齊,純粹使用 JavaScript 寫 Ajax 必須要自己處理跨瀏覽器的問題,寫起來就不那麼輕鬆寫意。為了解決這個問題, YUI 3 提供了名為 "io" 的模組方便開發者快速寫出跨瀏覽器的 Ajax。
在前兩篇文章中,我們已經學會如何使用 YUI 3 來操作網頁的 DOM 物件與事件處理。除了這些基本的JavaScript操作外,YUI 3 還提供動畫功能,只要簡單幾行程式碼就能讓網頁呈現驚人的效果。
對於同時使用多個Google帳號的重度阿宅來說,不斷地在多帳號之間切換實在很惱人。幾天前在這裡發現了官方版的正解,不過依照慣例,天龍國英文語系以外的使用者必須繞點路才能在第一時間搶先體驗
雖然chrome web store尚未開張,不過猴急求知慾旺盛的開發者已經可以在chrome 開發者版本(dev)上面使用自己寫的應用程式了。而且步驟簡單,幾乎與開發chrome extension一模一樣。以下以hiMedia player網站為例,示範如何將該網站打包成Chrome App。
緊跟著iPhone 4的推出,Apple也順勢推出了新版瀏覽器Safai 5。
根據Apple老王賣瓜的宣傳,新版Safari 5瀏覽器提供更完整的HTML5支援、更快的JavaScript執行效能、獨立的process多工設計、Safari Reader、增加Bing搜尋引擎等功能。此外,讓開發者感興趣的還有「開發者工具」與「延伸功能(Extension)」。雖然延伸功能(就是俗稱的外掛啦!)仍需經過蘋果審核才能上架,且尚未正式推出,不過網路上已經流傳著一些私房外掛讓心急的使用者嚐鮮。
搶在愚人節前一天(3/31),YUI Team 在官方部落格宣布推出新版本 YUI 3.1.0。這次的升級除了更有效率的架構設計外(Base, Attribute, Plugin 以及 Widget),一般開發者更切身感覺到的應該是「UI」的大躍進,除了新的Widget外,3.1.0 版也向下支援 YUI 2 的模組!(淚)。以下簡單整理新版的改變
在上一篇教學文章中我們已經學會了如何操作網頁上的元素,接下來繼續學習 YUI 3 的事件處理。
由於各瀏覽器對JavaScript的支援尚未統一(特別是M$IE),使用原生JavaScript處理事件是很麻煩的事情,搞到最後往往得維護兩份程式碼。同時,網頁前端的應用與介面愈來愈豐富,JavaScript的事件處理有增無減。為了減輕開發人員的負擔,YUI 3 提供了統一的介面,讓跨瀏覽器的事件處理變得更容易。
大家熟悉的經典第一人稱射擊遊戲「雷神之槌 II」 ─ 只不過這次跑在瀏覽器上。Quake2-gwt-port 是 Google 的 20% 計畫,它使用Google Web Toolkit 將 Jake 2 編譯成網頁版本,再使用HTML5的各種新標籤與 API 讓瀏覽器執行這款經典遊戲。


clay0529
的推推王









