JavaScript

你自問對 JavaScript 的認識有多深？Sohail Anwar 撰寫了一份有 25 道題目的 JavaScript 面試測驗卷，考考你的 JavaScript 水平。這些題目並不困難，其中一道題目問 JavaScript 應該使用甚麼 HTML 標籤包裹著？Script？Body？Head？Title？相信很多編寫網頁程式的人都可以應付自如。這份試卷提供了正確答案，可以作為學習的資源。

近來網頁應用的開發人員越來越頭疼，微軟積極開發新版本的 IE，每一次都聲稱支援更多更新更標準的 JScript 功能，做為開放原碼的龍頭瀏覽器 Mozilla，新版本推出得更加頻密，每一次它所支援的 JavaScript 都好像提升一個版本，市場份額較少的 Opera 和 Safari 也標榜支援最新最標準的 JavaScript，甚至宣稱自己的 JavaScript 引擎效能更高，Adobe 也說它的 Flex 技術平台使用與 ECMAScript 3 兼容的 ActionScript，同一時間，幾乎所有主流瀏覽器都宣稱兼容 ECMAScript 3。ECMA 作為標準制定機構竟然也來製造混亂，忽然取消原定於 2008 年末推出的 ECMAScript 4，說今年會推出 ECMAScript 5，而ECMAScript 4 則改名為 ECMAScript Harmony，但沒有路線圖或時間表。作為一個開發人員，你怎樣理解這場混亂？ ......閱讀全文 >>>

正當你在網上愉快地瀏覽著，按了一下超連結後，瀏覽器突然跳出一個視窗，詢問你是否要儲存一個壓縮檔案，這是多麼不爽的事！若果你的訪客一早知道這個超連結會開啟一個壓縮檔案（你當然有很好的理由送出一個壓縮檔案，例如這是一個軟件包之類），他們的感受會好得多，也可以讓他們自行決定是否開啟，或者什麼時候開啟。 ......閱讀全文 >>>

總部設在俄羅斯聖彼得堡的 DHTMLX 公司更新其 dhtmlxSuite 套件，這是一套專業的 Ajax 網頁介面組件，採用開放原碼 GPL 執照，這次主要更新了套件中的「網格」(dhtmlxGrid) 和「樹格」(dhtmlxTreeGrid) 組件，包括了大量的新功能和改進，例如從 JSON 和 JavaScript 陣列載入數據、智能渲染、及分層數據網格的分頁支援，套件亦加入了新的「滑竿」(dhtmlxSlider) 組件。 ......閱讀全文 >>>

較早前 jQuery 推出新版本，聲稱效能提高 300%，在差不多時間 Prototype 的最新版本也表示改善了效能（當然還有其他安全性的改進），所以 Piotr Solnica 決定比較一下 jQuery 和 Prototype 在不同瀏覽器上的表現，他在 Firefox、Konqueror、Opera 和 IE 上執行他的測試測網頁， ......閱讀全文 >>>

有人在一齣科幻電影「星際之門」 (Stargate) 中見到主角編寫 JavaScript 程式，證明 JavaScript 的壽命將會在太空時代繼續發揚光大！

很高興大家今天使用的 JavaScript 在短期內不會被淘汰。

初學 DOM 的人很容易把節點集合（collection of nodes）與節點陣列（arrray of nodes）混淆，並且把節點集合當作陣列來使用，結果鬧出不少問題，浪費很多除錯的時間。James Edwards 有一篇文章介紹這兩者的分別，並且說明如何把節點集合轉換為節點陣列。DOM 有很多內建的 method 送回節點集合，所以釐清這兩個概念非常重要。 ......閱讀全文 >>>

Simon Willison 替 jQuery 這個 JavaScript 函式庫製作了一套投影片，短短的只需大概十分鐘便可以看完，裡面介紹了 jQuery 的特色、有趣的地方、CSS 選擇器、DOM 指令、事件處理、Ajax 支援、插件等。

以下是 Dojo 官方網站上刊登的「為甚麼選擇 Dojo？」中文翻譯的第二部份，希望有助大家認識 Dojo 這個 JavaScript 工具庫，第一部份已於較早前發表。

有其他幾個工具往往與 Dojo 比較，以下不是一個全面的比較，只是 Dojo 與這些替代工具的特點和設計目標一個高層次的比較，這些替代工具在特徵、開發過程，以及哲學與 Dojo 的異同。 ......閱讀全文 >>>

現時網絡上有不少免費的 JavaScript 工具，很多都是完全免費而且素質很高，Dojo 作為其中一個市場的領導者，它的官方網站最近集合了支持者的意見，輯集成一份宣傳品，向外解釋為甚麼你應該選擇 Dojo，它把其他 JavaScript 工具有甚麼好處。我把這篇文章翻譯成中文，分為兩部分刊登，第一部份是 Dojo 的整體概覽，第二部份是 Dojo 與其他 JavaScript 工具的比較。你同意他們的看法嗎？你有喜歡的 JavaScript 工具嗎？為甚麼？ ......閱讀全文 >>>

隨著 Ajax 近年來瘋魔全球的網站設計師，大家一提起互動網頁、Web 2.0、SOA（服務導向架構），便自自然然想起組成 Ajax 的幾個字： Javascript、XML。彷彿要做到那靈巧的互動功能，便一定要調用 XMLHttp，真的是這樣嗎？

其實我們至少還有兩種方法：script tags 及 iframe，可以幫助我們編寫互動性強，又毋須把整頁網頁下載即可更新頁面資料的網頁。 ......閱讀全文 >>>

網上有很多圖像處理、相簿管理的網上應用系統，容許我們把大圖像裁剪為較小的圖像，但是用戶必須輸入裁剪框的座標和大小，對一般人來說顯然十分困難，Dave Dash 在 Spindrop 發表了一篇教學文件，指導我們怎樣利用 DHTML（JavaScript + CSS + HTML）來製作一個靈活易用的圖像裁剪介面。

在學習前不防先看看 Dave 的示範。

......閱讀全文 >>>

Jeremiah Grossman 在他的網誌上用 JavaScript 編寫了一個實驗性的小程式，若果你使用的是 Firefox、Safari、Mozilla 或者 Netscape，一部份你曾經造訪的網站和瀏覽器上安裝的擴充模組便會顯示出來。由於這個程式在動態處理 CSS 上使用了一些 IE6 不兼容（但符合 W3C 的標準）的方法，所以無法在 IE6 上執行，但是已經有人把它修改變成 IE6 兼容的版本。 ......閱讀全文 >>>

你有想像過單純用 JavaScript 和 DOM 便可以製作立體透視圖甚至動畫？James Edwards 在 Dynamic 3D with CSS and the DOM 中教導我們這方面的技巧。

......閱讀全文 >>>

Ajaxian 報導 Adomas Paltanavicius 寫了一篇用 JavaScript 處理滑鼠滾輪的教學文件。

現代的網頁發展得越來越像一個正規的應用程式，透過 JavaScript 和事件處理器（event handler）對各種輸入設備作出反應，例如： ......閱讀全文 >>>

Harry Fuecks 在 Site Point 說了一個令他困惑的問題：IE 中的 JavaScript split() 函數並不符合規範。

Fuecks 引述 ECMA-262（即 JavaScript 1.5，參考「用 ECMAScript 寫網頁」）中有關 split() 函式的定義：

若果正規表達式裡面的分隔字元有括號包圍，每當分隔字元被搜尋到，括號中的內容便會被切割出來放到輸出的陣列裡。......

Fuecks 認為這種語法在其他編程語言很常見，例如在 Perl 中：

use Data::Dumper; 
print Dumper(split(/(:)/, 'a:b:c'));

輸出是： ......閱讀全文 >>>

Dean Edwards 研究 document.onload 的缺點與及解決方法已經一段時間，現在他終於提出了一個跨瀏覽器而又簡潔的終極解決方案。

事情的原委是這樣的：很多開發人員使用 document.onload 來啟動 JavaScript 進行一些網頁效果的初始化工作，例如動畫菜單、Ajax 應用程式等，但是 document.onload 只有當網頁的所有內容，包括圖像、JavaScript、動畫、影音檔等全部下載後才會被觸發，倘若這些檔案容量很大，或者儲存在一個不受你操控的伺服器上，網頁上的效果很可能被延遲啟動，甚至完全不能啟動。 ......閱讀全文 >>>

W3 Schools 統計了它們網站的使用紀錄，得出了由 2002 年 1 月到 2006 年 5 月訪客的瀏覽器統計資料，不出意外地 IE6 佔有最大比例 56.7%，這個數字與大部分人以為 IE 佔有壓倒性優勢的想法不同，Firefox 則有 25.7%。

Jeff Attwood 在他的 網誌 把這些數據整理成以下的圖表，顯示各個版本的瀏覽器長期以來的走勢。 ......閱讀全文 >>>

ECMAscript，很多人對這個名字感到陌生，說穿了它其實即是 JavaScript。JavaScript 在 1995 年由 Netscape 和 Sun 聯合推出，儘管技術上來說 JavaScript 和 Java 語言毫無關係，但是從當年發布 JavaScript 的新聞公告中，不難看出兩間公司蓄意暗示伺服器端的 Java 語言與瀏覽器端的 JavaScript 有某些聯繫，顯然這是基於市場推廣的考慮，但無論如何，JavaScript 就是這樣誕生了。

當年 Netscape 仍然佔有瀏覽器市場大部分的份額，微軟的 IE 被逼開發與 JavaScript 相容的 JScript 來抗衡，嚴格來說 JScript 大部分情況下都與 JavaScript 相容，但兩者從未真正完全相容。

由於兩間公司的競爭性質，它們每次推出新版本的瀏覽器都會新增一些對方沒有的功能，目的是要網頁編寫人員為了製造炫目的網頁效果而不得不使用它們專有的功能，情況便與差不多同期發生的 Java 和 J++ 如出一轍，JavaScript 和 JScript 的衝突無非是 Netscape 和微軟兩件公司為了爭奪經濟利益而作出的，除了對這兩件公司之外，整件事對任何人都沒有好處。其實這兩間公司為了保持與對手兼容，又要不斷創造新的功能，開發成本也有增無減。 ......閱讀全文 >>>