製作自己的 jQuery Plugin

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

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

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

以下介紹如何自製 jQuery plugin。

JavaScript 使用單引號 (quote) 還是雙引號 (double quote)

請問下面 JavaScript 宣告字串的語法哪些是對的？

var x="I'm a String in JavaScript."

var y='So am I!'

var z="You make 'me' sad."

var q='Holy "cranking" moses!'

var p="<a href=\"home\">Home</a>"

解答：

XML E4X 的用法

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

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

JavaScript 區域變數和全域變數比較，還附贈奇怪的未宣告變數唷

全域變數( global variable )和區域變數( local variable )的宣告和用法不知道是不行的唷。

本篇簡單明瞭地說明全域變數和區域變數的差異，並舉一些小例子。
然後就如標題所說，本篇真的會附贈告訴大家 JavaScript 中的未宣告變數( undeclared variable )是什麼東東。

開發自己的 Firefox add-on 附加元件(九) 主控台( Console )

在這一系列的 add-on 開發教學文章中，有一個很實用的錯誤主控台( error console )，其可用來輸出錯誤、警告、和我們指定的資訊，對 debugging 有很大的幫助。

開發自己的 Firefox add-on 附加元件(八) Context-menu 模組

Context-menu 模組讓我們可以增加物件( item )到 Firefox 瀏覽器中的網頁的 context menu。

Context-menu API 提供了簡單、宣告式的方法來增加物件到網頁的 context menu 中。我們可以增加當被點擊時做出反應的物件、子選單( submenu )、和分隔符號( separator )。

開發自己的 Firefox add-on 附加元件(七) Tabs 模組

Tabs 模組讓我們能夠簡單的存取分頁( tabs )和分頁相關的事件。

開發自己的 Firefox add-on 附加元件(六) Page-mod 模組

Page-mod 模組讓 add-on 開發者可以在特定的網頁中執行 scripts。最直接的運用是，我們可以使用 page-mod 來動態修改某個頁面的內容。

這個模組會產生一個建構函式 PageMod，此函式會建立一個新的 page modification (簡稱"mod")( MOD 數位電視 開玩笑的啦 哈哈:P <-某人餓瘋了)。

開發自己的 Firefox add-on 附加元件(五) Page-worker 模組

Page-worker 模組提供了建立常駐、隱形的頁面和存取其DOM的方法。

這個模組會產生一個建構函式 Page，期會建構一個新的page worker。在memory釋放之後，這個page worker可能會被destroyed，如此一來我們就必須再建立一個新的實體(instance)來載入另一個page。

開發自己的 Firefox add-on 附加元件(四) Panel 模組

Panel 是一個對話框(dialog)，它的內容被指定為HTML，同時也可以在其中執行scripts。因此Panel的內容和行為是根據我們可以用 HTML、 CSS 和 JavaScript 做什麼而定。

以下的截圖畫面顯示的 panel的內容是由目前所開啟的瀏覽器分頁的清單所組成：

開發自己的 Firefox add-on 附加元件(三) Widget 模組

Morzilla 官方有提供 Add-on SDK，其中包含了 API。我們利用已寫好的 API 模組，可以快速的建構出基本功能。
本篇將介紹 Widget 模組。並以 Add-on builder來製作、解說範例。

開發自己的 Firefox add-on 附加元件(二) 認識Content Scripts

幾乎所有有趣的 add-ons 都需要與網頁內容或瀏覽器的使用者介面作互動。
例如，他們可能需要存取或修改網頁的內容或是當使用者點擊了一個連結時被通知。

開發自己的 Firefox add-on 附加元件(一)使用 Add-on Builder 之前的準備工作

我自己是 Firefox 瀏覽器愛用者
有用 Firefox的人應該都知道可以安裝附加元件(add-on)來增加瀏覽器的功能
不過有時候想要某個功能卻找不到相關add-on？
又或者每次都用別人開發的，突然手癢也想自己做嗎？
這篇文章會教大家如何使用 Add-on Builder 製作自己的附加元件小工具

Dojo 版本更新為1.7

Dojo不久前釋出了1.7版

據說是從1.0版以來最大的一次更新

主要改變在於

Dojo 基本動畫效果( effects )

本篇將說明如何利用 Dojo 內含的效果( effects ) 使應用程式或網頁的呈現更加流暢。

以" Fading "、" Wiping "、" Sliding "、""

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

Dojo 事件( Events ) - DOM Events

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

Dojo DOM Functions - dojo.query

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

Dojo DOM Functions -(下)

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