YUIYahoo UI庫(kù)
Yahoo! UI Library (YUI) 是一個(gè) JavaScript 函數(shù)庫(kù)，為了能建立一個(gè)高互動(dòng)的網(wǎng)頁(yè)，它采用了AJAX, DHTML 和 DOM 等程式碼技術(shù)。它也包含了許多 CSS 資源。
YUI 包含完整的說(shuō)明文件。它包含了兩種元件: 工具與控件[2]，和一些 CSS 資源。
工具
-
動(dòng)畫(huà)
-
協(xié)助達(dá)成位置移動(dòng)、大小改變、透明度和其他的網(wǎng)頁(yè)效果。
-
瀏覽器歷史紀(jì)錄管理工具
-
協(xié)助網(wǎng)頁(yè)程式使用瀏覽器之上一頁(yè)與書(shū)簽(我的最?lèi)?ài))工具。
-
連線工具
-
協(xié)助管理跨瀏覽器的 XMLHttpRequest 功能。他也整合了表單傳送、錯(cuò)誤處理、 callback和檔案上傳。
-
資料源
-
提供通用可配置接口給其他組件與種種資料，如從簡(jiǎn)單的JavaScript陣列到線上服務(wù)器，間透過(guò)XHR來(lái)互動(dòng)。
-
元素
-
為DOM里的HTMLElements提供包裝樣式，從而簡(jiǎn)化一般工作如加入監(jiān)聽(tīng)者(listener)、對(duì)DOM操作、以及存取屬性。
-
DOM
-
為一般的 DOM腳本作業(yè)提供幫助，它包括元素定位與CSS樣式管理。
-
即拖即放
-
為 即拖即放的開(kāi)發(fā)(建立與管理可在網(wǎng)頁(yè)上拖放的物件)提供幫助。
-
事件
-
提供開(kāi)發(fā)者對(duì)瀏覽器事件，如鼠標(biāo)點(diǎn)擊與鍵盤(pán)按鍵，的簡(jiǎn)易、安全之存取。它也提供自訂事件物件以應(yīng)付用戶出版與訂閱自訂事件的需求。
控件
-
自動(dòng)完成
-
為用戶文字輸入的互動(dòng)提供 自動(dòng)完成功能 (建議列表與隨打擊找的功能)。它支援廣泛的資料源格式。它也透過(guò)XMLHttpReqeust支援服務(wù)器端資料源。
-
按鈕
-
讓用戶制作功能像傳統(tǒng)HTML表單按鈕般多樣、圖形化的按鈕。
-
月歷
-
圖形式、動(dòng)態(tài)的控制，用于日期選擇。
-
容器
-
支援大量的DHTML視窗規(guī)范包括 提示框(Tooltip)、面板、對(duì)話框、簡(jiǎn)易對(duì)話框、模組與覆蓋層(Overlay)。
-
資料表
-
簡(jiǎn)單且強(qiáng)大的應(yīng)用程式接口用來(lái)顯示網(wǎng)頁(yè)上屏幕閱讀器可存取的表資料。值得關(guān)注的功能包括可排序的欄、分頁(yè)、卷軸、行選取、可放大縮小的欄、以及線上編輯。
-
紀(jì)錄器
-
提供一種快速簡(jiǎn)單的方式來(lái)寫(xiě)入 日志訊息到Mozilla Firefox的Firebug擴(kuò)充插件畫(huà)面終端、或者Safari JavaScript終端。
-
表單
-
提供簡(jiǎn)易產(chǎn)生鼠標(biāo)移過(guò)彈出 選單的方式。
-
滑塊
-
提供一般性滑塊組件讓用戶可在有限范圍內(nèi)以單軸或者雙軸選擇值。
-
分頁(yè)檢視
-
提供以分頁(yè)方式來(lái)檢視內(nèi)容。
-
樹(shù)狀檢視
-
產(chǎn)生目錄樹(shù)，其下節(jié)點(diǎn)可以縮放。
CSS 資源
-
CSS頁(yè)面網(wǎng)格: 七種基本線框外帶附加組件，支援超過(guò)1000種不同網(wǎng)頁(yè)布局。
-
標(biāo)準(zhǔn)CSS字型集: 標(biāo)準(zhǔn)化跨瀏覽器字型家族與尺寸設(shè)定。
-
標(biāo)準(zhǔn)CSS重設(shè): CSS宣告，用于移除頁(yè)邊空白并標(biāo)準(zhǔn)化跨瀏覽器對(duì)顯示一般元素的問(wèn)題。