YUI 3 菜鳥救星

YUI 3 菜鳥救星 clayliao Feb. 25, 2010

Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

上網搜尋： "YUI" ，結果 ... ,[object Object],Y ahoo! U ser I nterface 吉岡唯 (Yoshioka YUI ) 新垣結衣 ( YUI Aragaki)

JavaScript Library ,[object Object],[object Object],[object Object],[object Object],[object Object]

Why YUI 3 ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

範例：跨瀏覽器 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],YUI 3 的設計概念

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],使用 YUI 3

[object Object],[object Object],[object Object],Hello, YUI 3! 這段程式碼做了什麼？ 1. 載入 "node" 模組，自動下載相依的檔案。 (5KB, gzip) <script type="text/javascript" src="http://yui.yahooapis.com/combo?3.0.0/build/yui/yui-base-min.js&3.0.0/build/oop/oop-min.js&3.0.0/build/dom/dom-min.js&3.0.0/build/yui/yui-later-min.js&3.0.0/build/event-custom/event-custom-base-min.js&3.0.0/build/event/event-base-min.js&3.0.0/build/pluginhost/pluginhost-min.js&3.0.0/build/node/node-min.js&3.0.0/build/event/event-delegate-min.js"></script> 2. 將一段文字插入 id 為 "demo" 的元素內。

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],CSS Selector

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],取得、修改元素內容： getter/setter

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],修改元素屬性

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],修改元素 style

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],修改元素的 class

[object Object],[object Object],[object Object],[object Object],[object Object],DOM 操作

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],DOM 操作 ( 續 )

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],DOM Traversing

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],YUI 3 的事件處理

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],事件泡泡

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],事件觸發時機

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],YUI 3 的 AJAX ： IO

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],基本的 AJAX 設定

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],範例：使用 AJAX 更改某區域內容

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],自訂 AJAX 事件

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],YUI 3 特效： Animation

[object Object],YUI 3 Widget & Plugin Widget: Slider Plugin: MenuNav

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],YUI Test

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],YUI Test ( 續 )

[object Object],[object Object],[object Object],[object Object],[object Object],Just Do It!

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],線上資源

YUI 3 菜鳥救星

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (7)

Ähnlich wie YUI 3 菜鳥救星

Ähnlich wie YUI 3 菜鳥救星 (20)

YUI 3 菜鳥救星