雅虎UI库

维基百科,自由的百科全书
跳转至: 导航搜索
Yahoo! UI Library (YUI)
Yuilib.jpg
開發者 Yahoo!
穩定版本 3.14.1 / 2013年12月20日;8個月前 (2013-12-20)
编程语言 JavaScript
类型 JavaScript函式庫
许可协议 BSD許可證
網站 http://developer.yahoo.com/yui/

雅虎UI库英语Yahoo! UI LibraryYUI)是一個開放原始碼的 JavaScript 函數庫,為了能建立一個高互動的網頁,它採用了AJAXDHTMLDOM 等程式碼技術[1]。它也包含了許多 CSS 資源。使用授權為 BSD許可證[2].

功能[编辑]

YUI 包含完整的說明文件。它包含了兩種元件:工具與控制項[2],和一些 CSS 資源。

工具[编辑]

動畫
協助達成位置移動、大小改變、透明度和其他的網頁效果。
瀏覽器歷史紀錄管理工具
協助網頁程式使用瀏覽器之上一頁與書籤(我的最愛)工具。
連線工具
協助管理跨瀏覽器的 XMLHttpRequest 功能。他也整合了表單傳送、錯誤處理、callback和檔案上傳。
資料源
提供通用可配置介面給其他組件與種種資料,如從簡單的JavaScript陣列到線上伺服器,間透過XHR來互動。
元素
為DOM裡的HTMLElements提供包裝樣式,從而簡化一般工作如加入監聽者(listener)、對DOM操作、以及存取屬性。
DOM
為一般的DOM腳本作業提供幫助,它包括元素定位與CSS樣式管理。
即拖即放
即拖即放的開發(建立與管理可在網頁上拖放的物件)提供幫助。
事件
提供開發者對瀏覽器事件,如滑鼠點擊與鍵盤按鍵,的簡易、安全之存取。它也提供自訂事件物件以應付用戶出版與訂閱自訂事件的需求。

控制項[编辑]

自動完成
為用戶文字輸入的互動提供自動完成功能 (建議列表與隨打擊找的功能)。它支援廣泛的資料源格式。它也透過XMLHttpReqeust支援伺服器端資料源。
按鈕
讓用戶製作功能像傳統HTML表單按鈕般多樣、圖形化的按鈕。
月曆
圖形式、動態的控制,用於日期選擇。
容器
支援大量的DHTML視窗規範包括提示框(Tooltip)、面板、對話框、簡易對話框、模組與覆蓋層(Overlay)。
資料表
簡單且強大的應用程式介面用來顯示網頁上螢幕閱讀器可存取的表資料。值得關注的功能包括可排序的欄、分頁、捲軸、行選取、可放大縮小的欄、以及線上編輯。
紀錄器
提供一種快速簡單的方式來寫入日誌訊息到Mozilla Firefox的Firebug擴充插件畫面終端、或者Safari JavaScript終端。
表單
提供簡易產生滑鼠移過彈出選單的方式。
滑塊
提供一般性滑塊組件讓用戶可在有限範圍內以單軸或者雙軸選擇值。
分頁檢視
提供以分頁方式來檢視內容。
樹狀檢視
產生目錄樹,其下節點可以縮放。

CSS 資源[编辑]

  • CSS頁面網格: 七種基本線框外帶附加組件,支援超過1000種不同網頁佈局。
  • 標準CSS字型集: 標準化跨瀏覽器字型家族與尺寸設定。
  • 標準CSS重設: CSS宣告,用於移除頁邊空白並標準化跨瀏覽器對顯示一般元素的問題。

2007年8月,Yahoo放出YUI Compressor 1.0 — 一種 JavaScript 壓縮器[3]

YUI 劇院(YUI Theater)對全世界提供存取許多 JavaScript 與網頁開發知名的講師的技術會談。[4]

參考資料[编辑]

  1. ^ Darryl K. Taft. Yahoo, TIBCO, Oracle Join AJAX Craze. eWeek. 2006年2月14日 [2007-09-10]. 
  2. ^ 2.0 2.1 Yahoo! User Interface Library. [2006-10-20]. 
  3. ^ John Dorsey. YUI Compressor 1.0 Released. Dr. Dobb's Journal. 2007年8月14日 [2007-09-10]. 
  4. ^ AJAX Lowers Yahoo! Page Views, Eric Miraglia Explains Why That's Good. Eclipse Developers Journal. 2007年9月7日 [2007-09-10]. 

外部連結[编辑]