Yahoo!用戶界面博客（YUIBlog）

3.2.0在銳：SimpleYUI

在這篇文章中描述了功能是銳3.2.0pr2提供，這將是一個即將到來的3.2.0版本的一部分。 你可以開始使用它今天在這篇文章中的代碼。

SimpleYUI是3銳的加載和實例化的新途徑。 SimpleYUI文件包含一個基本的Ajax庫功能匯總：DOM任務，事件抽象，UI效果，和Ajax。 SimpleYUI不同於裝貨銳的其他方式，創建一個YUI實例後，立即加載，並結合全球Y變量包含的所有組件。 使用SimpleYUI是容易的：

 <腳本類型=“文本/ javascript”
  SRC =“htt​​p://yui.yahooapis.com/3.2.0pr2/build/simpleyui/simpleyui-min.js”> </ SCRIPT>

 <SCRIPT>
  / / Y是準備使用;沒有實例化的必要：
  （“＃foo”的）。y.one addClass（“亮點”）;
 </ SCRIPT>

這不是一個“精簡版”或銳去知足的版本 - 你仍然可以訪問所有的力量和整個圖書館的功能，當你開始與SimpleYUI文件。 然而，SimpleYUI提供一個很好的方便捲起一些常見的功能，並創建一個全局實例（ Y ），這是準備立即使用。

與DOM的工作

SimpleYUI給你所有在YUI 3 API標準的DOM相互作用：

 / /得到一個元素的引用，添加一個單擊處理程序
 y.one演示（'＃'）上（“咔噠”的功能（E）{/ *手柄點擊* /}）;

 / /添加內容元素
追加（“附加內容添加到＃演示。）。y.one（'＃演示”）;

 / /聽任何從＃演示下降的任何<LI>，點擊：
 。y.one演示（'＃'）委託（'點擊'功能（E）{/ *手柄點擊* /}，'李'）;

 / /移動到任何點擊的位置上＃演示文檔
 y.one（“文件”）。上（“咔噠”的功能（E）{
    	 y.one（'＃演示“）setXY（[e.pageX，e.pageY，]）;
	 }
 ）;

創建用戶界面的影響

所有的UI效果，（新的3.2.0）YUI轉換模塊的一部分，可在SimpleYUI：

 / /淡出＃演示，然後從DOM中刪除：
 y.one（'＃演示“）。過渡（{
    緩和：“易用性”，
    時間：2，/ /秒
    不透明度：0
 }，函數（）{
     this.remove（）;
 }）;

阿賈克斯

SimpleYUI提供IO模塊的基本Ajax功能：

 / /做一個為“get.php'HTTP請求：
 Y.io（get.php'，{
     ：{
        功能完整：（ID，響應）{
             VAR數據response.responseText; / /響應數據。
             / / ... 處理響應...
         }
     }
 }）;

其餘的銳是使用（）的距離

你是不是僅限於捆綁與SimpleYUI來。 你可以把一個簡單的use()語句在任何時間與任何其他的YUI 3組件， YUI 3畫廊模塊，或銳2組件。

 / /使用拖放，這是不包括在SimpleYUI匯總：
 y.use（'DD-阻力，函數（y）{
     VAR DD =新Y.DD.Drag（{
        節點：“＃foo的”
     }）;
 }）;

YUI 3是裝載任何你需要的時候你需要它的好，只是掌握use()語句，你總是遠離庫，你需要什麼只是一行代碼。

使用SimpleYUI時...

• ......你想快速上手和學習YUI的繩索;
• ......你想在任何時間在頁面生命有基本的Ajax庫的功能，而無需創建一個新的YUI實例。

不要使用SimpleYUI時...

• ...性能比便利;
• ......你想成單獨的情況下，沙箱部分實施;
• ......你想成為不同的組件負載和精確的模塊/子模塊妝時在頁面上是故意的。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！