介紹一款輕量級js控制元件：easy.js

簡單性

easy.js 的元件在 UI(介面) 層面儘量保持簡單，開發者可以很方便的通過修改 CSS 樣式就可以輕鬆定製自己想要的樣式。

使用一個元件通常情況下只需要寥寥幾行 JS 程式碼。

一致性

元件在介面設計、命名規則上都儘可能的保持一致。通常，你只要使用過任意一個元件，那麼其他元件也很容易上手。

模組化

每個元件都是一個獨立的符合 AMD 規範的模組，都依賴 easy.js 的核心庫，在使用時都可以通過 E.use 來進行載入。

名稱空間

所有元件的名稱空間都是 E.ui，在元件載入完後都可以通過 E.ui.xxxx 來訪問。

例項化

在使用元件時都需要通過 new 關鍵字來例項化，元件類的首字母都是 大寫。

例項化時，第一個引數 都是必需的，該引數通常都是設定需要例項化某個/組 DOM 元素。該引數可以是選擇器字串、DOM 元素以及 easyJS Object 的物件。

例項化時，第二個引數 都是可選的，該引數是一個多選可配置形式的 Object 物件。

事件處理

元件在例項化後都可以通過 on 方法來為元件繫結事件，同樣，也可以通過 un 方法來解除安裝事件。各元件支援的事件型別可以在詳細的說明文件中看到。在多選形式的配置引數中，除了可能存在 init 回撥函式，不會有任何其他的回撥。

銷燬例項

元件例項可以通過 destroy 方法進行銷燬。

Dialog( target, [ options ] )

依賴

JS : 依賴 Drag 元件

CSS : 依賴樣式

HTML : 元件自動構建

引數	資料型別	預設值	說明
autoClose	Number	null	自動關閉對話方塊的時間。
content	String|html String	Hello world : )	對話方塊的內容，可以是 HTML 字串。
drag	Boolen	true	是否允許拖拽對話方塊。
dragHandle	String|Element|easyJS Object	null	自定義對話方塊的拖拽區域。
effects	String	null	動畫效果的名稱。 fade 淡入淡出效果。 slide 由頂部向中間快速滑動的效果。 zoom 縮放效果。
elem	String|Element|easyJS Object	null	自定義對話方塊的HTML結構。
fixed	Boolean	true	是否固定定位，為 false 時則相對 body 進行絕對定位。
height	String	auto	對話方塊的高度，需帶單位。
left	String	null	設定對話方塊的 x 軸定位值，需帶單位，預設為水平居中。
lock	Boolean	false	是否鎖定對話方塊，鎖定對話方塊時沒有關閉按鈕，也不能使用 ESC 鍵來關閉。
noFn	Function	null	取消按鈕的回撥函式，該回撥函式的 this 指向對話方塊元素，如果該函式返回 false，將不會關閉對話方塊。未設定該引數將不顯示取消按鈕。同時關閉按鈕也會呼叫該回撥函式。
noText	String	取消	取消按鈕的文字內容。
overlay	Boolean	true	是否顯示遮罩層。
title	String	null	對話方塊的標題，未設定該引數將不顯示對話方塊的標題欄。
top	String	null	設定對話方塊的 Y 軸定位值，需帶單位，預設為垂直居中。
topWindow	Boolean	false	如果對話方塊定義在一個 iframe 中，是否允許其在頂級 window 中顯示，如果需要在頂級視窗中顯示，需要確保頂級視窗中有對話方塊的樣式。
trigger	String	click	觸發顯示對話方塊的事件，支援自定義事件。
width	String	320px	對話方塊的寬度，需帶單位。
yesFn	Function	null	確定按鈕的回撥函式，該回撥函式的 this 指向對話方塊元素，如果該函式返回 false，將不會關閉對話方塊。未設定該引數將不顯示確定按鈕。
yesText	String	確定	確定按鈕的文字內容。
zIndex	Number	9999	對話方塊的定位層級。

事件型別	說明	事件物件
open	對話方塊顯示時觸發的事件。	event.target 對話方塊元素。
close	對話方塊關閉時觸發的事件。	event.target 對話方塊元素。