JavaScript

dhtmlxGride 讓你用 XML、CSV 或 JSON 建立動態數據驅動的網格

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


jQuery 與 Prototype 的比較

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

JavaScript 是未來產品!

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

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


DOM 的集合 (collection) 不等於陣列 (array)

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


jQuery 簡介投影片

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

jQuery in 15 minutes


為甚麼選擇 Dojo?── 第二部份:Dojo 與其他 JavaScript 工具的比較

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


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


為甚麼選擇 Dojo?── 第一部份:Dojo 整體概覽

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


XMLHttp 不是 Ajax 唯一的方法

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

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


教學文件:利用 DHTML 製作一個裁剪圖像的介面

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

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

Cropping Images


我知道你去過甚麼地方

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


使用 JavaScript 及 DOM 製作立體透視圖及動畫

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

使用 JavaScript 及 DOM 製作立體透視圖及動畫


JavaScript 處理滑鼠滾輪教學文件

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

現代的網頁發展得越來越像一個正規的應用程式,透過 JavaScript 和事件處理器(event handler)對各種輸入設備作出反應,例如:


document.onload 完全破解

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 在他的 網誌 把這些數據整理成以下的圖表,顯示各個版本的瀏覽器長期以來的走勢。