20120506

Facebook 與台灣防止自殺中心合作

昨天我登入 Facebook 後,畫面上跳出這個訊息:


如果不勾選 "我已詳讀以上訊息" ,則無法繼續使用 Facebook 上的功能。

20120424

on the fly 是什麼意思?

這篇是在講,各種 web 開發技術 API 常見的片語-- on the fly --的意思。

以下內容包含 "on the fly" 的一般用法和在電腦技術上的用法。在電腦技術文章中出現時的用法,我還沒看到網路上有中文解釋正確的,所以如果你也曾經有這個疑問,請參考這篇文章。

20120421

製作自己的 jQuery Plugin

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

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

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

以下介紹如何自製 jQuery plugin。

20120420

[MUR] Diablo III 這個周末公開測試

詳情:http://us.battle.net/d3/en/blog/4963739/Diablo%C2%AE_III_Open_Beta_Weekend-4_19_2012#blog

也就是說呢,
從 4/20 12:01 p.m. PDT 到 4/23 10:00 a.m. PDT,
任何人只要有 battle.net 帳號,
就可以下載 Diablo III Beta 來試玩,
順便幫 Blizzard 作壓力測試。

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 來開發網頁服務。
原因與用法如下:

20120416

PHP 四種變數範圍比較:區域、全域、靜態、參數

PHP 是一種較為鬆散的語言( Loosely Typed Language ),當我們宣告一個變數時,不須指定變數的型別( type ),PHP 會自動根據指派給該變數的值來判斷該變數的型別。

雖然在宣告變數時不須指定型別,但還有一項必須要指定的--變數的使用範圍( scope )。PHP 有四種不同的使用範圍:local、global、static、parameter,以下將分別介紹。

20120407

Firefox add-on (附加元件) 和 extension (擴充套件) 有何不同?

在中文裡我們經常混和使用 "附加元件" 或 "擴充套件" 來代表 Firefox 瀏覽器上,使用者可以自行設計或安裝的小工具,這些小工具提供了個人化的額外功能到 Firefox 瀏覽器。

但在英文中 "add-on" 和 "extension" 其實意義不盡相同。尤其在開發這些附加元件或擴充套件前,應先清楚區隔兩者名詞定義,以免造成開發時概念上有所混淆。

以下解釋 add-on 和 extension 的差異。

20120404

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

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

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

20120328

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

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

20120327

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

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

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

20120324

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

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

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

20120323

開發自己的 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的內容是由目前所開啟的瀏覽器分頁的清單所組成:


20120321

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

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

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

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

20120319

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

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

20120301

Dojo 版本更新為1.7


Dojo不久前釋出了1.7版

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

主要改變在於