|
|
Dojo 及 HTML 5 簡(jiǎn)介
Dojo 是目前最流行的開(kāi)源 JavaScript 工具庫(kù)之一，很多開(kāi)發(fā)者以及企業(yè)用戶都把Dojo 作為首選的 JavaScript 工具。Dojo 為 Web 應(yīng)用的開(kāi)發(fā)提供了大量的客戶端組件，能夠讓你可以方便的進(jìn)行 HTML DOM 操作、拖拽、AJAX 調(diào)用、定制可視化控件等來(lái)使得你的 Web 應(yīng)用變成富網(wǎng)絡(luò)應(yīng)用 (RIA)。而且 Dojo 在性能、可訪問(wèn)性、多語(yǔ)言支持以及文檔方面都做的非常出色，這也是企業(yè)選擇 Dojo 的原因之一。
HTML 5 是最新一代的 HTML，它將成為 HTML、XHTML 以及 HTML DOM 的新標(biāo)準(zhǔn)， HTML 5 是 W3C 與 WHATWG 合作的結(jié)果，目前仍外于開(kāi)發(fā)中 ; 自從上一代 HTML4，Web 世界已經(jīng)發(fā)生了巨大的變化，HTML 5 的到來(lái)將更大的促進(jìn) Web 的發(fā)展，HTML 5 提供了很多新的功能，主要有：
◆新的 HTML 元素，例如 section, nav, header, footer, article 等
◆用于繪畫(huà)的 Canvas 元素
◆用于多媒體播放的 video 和 audio 元素
◆用于定位的 Geolocation API
◆Web Workers
◆拖拽 API
◆文件 API
我們主要對(duì) HTML 5 的拖拽功能進(jìn)行講解，并結(jié)合文件 API 與桌面進(jìn)行交互。來(lái)與 Dojo 的 dnd 拖拽組件進(jìn)行比較。
使用 Dojo 創(chuàng)建及定制拖拽應(yīng)用
類(lèi)似 Dojo 其他組件，拖拽的實(shí)現(xiàn)有兩種方式：聲明式和編程式。在這里我們使用聲明式的方式做簡(jiǎn)要的介紹。
在 Dojo 拖拽實(shí)現(xiàn)中，有兩個(gè)重要的元素 dojo.dnd.Source 和 dojo.dnd.Target。這兩個(gè)元素分別標(biāo)示了拖拽中的源容器 Source 和目標(biāo)容器 Target。值得注意的是源容器 Source 默認(rèn)也是目標(biāo)容器 Target，而不需要作目標(biāo)容器 Target 的聲明。我們?cè)谠慈萜?Source 中創(chuàng)建一些可以拖動(dòng)的元素，要讓這些元素可拖動(dòng)，我們要為這些元素添加 class 屬性值 DojoDndItem。下面的示例代碼定義了一個(gè)源容器 Source 以及一些可以拖動(dòng)的元素。在這些可以拖動(dòng)的元素中我們可以定義它們的拖拽類(lèi)型 dndType。dndType 的值開(kāi)發(fā)者可以自己定義，而目標(biāo)容器 Target 元素的 accept 屬性定義了該目標(biāo)容器接受的拖拽類(lèi)型。
清單 1. 創(chuàng)建拖拽的源容器和可拖拽的元素
1. div id="source" style="height:400px;" dojoType="dojo.dnd.Source"
2. div id="item1" class="dojoDndItem item" dndType="divItem"item1/div
3. img src="w3c.jpg" class="dojoDndItem item" dndType="imageItem"/img
4. a href="http://www.w3.org/TR/html5/" class="dojoDndItem item" dndType="linkItem"
5. HTML5 specification/a
6. /div
it知識(shí)庫(kù)：拖拽：從Dojo到HTML5，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
