顯示具有 DOM 標籤的文章。 顯示所有文章
顯示具有 DOM 標籤的文章。 顯示所有文章

20120421

製作自己的 jQuery Plugin

寫了一陣子 jQuery 之後,可能會發現自己時常用到某些功能或結構。

這時候不妨花一點時間將這些程式碼整理成一個 plugin,不只在未來開發時自己可以使用以提升開發效率,也可以分享給同事,甚至上傳到網路社群上分享給全世界的人。

所謂的 jQuery plugin 指的是,將用 jquery 開發的某個功能的程式封裝起來,以供重複使用。

以下介紹如何自製 jQuery plugin。

20120420

XML E4X 的用法

E4X 是 JavaScript 官方對 XML 的支援標準,可以將 XML 文件視為 XML 物件,並進行載入、輸出等動作。

不過一開始我必須先說明,我非常不建議使用 E4X 來開發網頁服務。
原因與用法如下:

20110504

Dojo 事件( Events ) - 發佈( publish )與訂閱( subscribe )

本篇將要介紹 Dojo event 的發佈與訂閱(簡稱 pub/sub )。
所有我們在先前的文章中提到的事件,都使用已經被建立好的物件 (a DOM node, a "widget", and an effect object) 作為事件的製造者,如此我們才知道這個事件應該在哪裡發生。但是如果我們無法取得物件,或者物件尚未被建立出來該怎麼做?這就是 pub/sub framework 上場的時候了。

Dojo 事件( Events ) - NodeList events 和 Object Methods

本篇介紹除了 DOM 事件以外的事件註冊以及呼叫方法 - NodeList events 和 Object Methods。
由於本篇的事件使用方式與 DOM 事件相似,如果不清楚 DOM 事件的用法,請先閱讀Dojo 事件( Events ) - DOM Events

20110503

Dojo 事件( Events ) - DOM Events

事件( event )連結可以讓我們的應用程式回應使用者的動作,我們將使用者個某個動作和網站應用程式對應的回應連結起來,形成一個事件,之後每當使用者執行那個動作,就會得到我們所設定的回應。除了 DOM 事件之外,我們也可以把呼叫函式( function ) 想成是一個事件:"在某個情況發生時,執行某個動作"。這個事件連結的動作,由 dojo.connect 來達成。

20110428

Dojo DOM Functions - dojo.query

看完本篇將學會如何使用 dojo.query 來取得節點 (node) 並操作節點。

20110425

Dojo DOM Functions -(下)

本篇接續 Dojo DOM Functions -(上) 介紹如何以簡單、跨瀏覽器的方式,操作 DOM 物件。

20110422

Dojo DOM Functions -(上)

Dojo DOM 函式。
看完這篇文章,將學會如何以簡單、跨瀏覽器的方式,操作 DOM 物件。

20110415

Dojo Toolkit 1.6 - Hello Dojo! Hello World

載入 Dojo 函式庫,開發第一隻 Dojo 程式。
看完這篇文章,將學會如何將 Dojo 載入 HTML 頁面,並使用 Dojo 的核心函數。