標籤為 “JavaScript” 的頁面如下
學習 JavaScript
科技博客 Derek Sivers 分享他學習 JavaScript 的經過,他強調目標是真正掌握 JavaScript 這個語言,不想抄捷徑、不要快速招數,我們來看看他的經驗。
JavaScript 面試測驗卷
JavaScript 的版本
近來網頁應用的開發人員越來越頭疼,微軟積極開發新版本的 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,但沒有路線圖或時間表。作為一個開發人員,你怎樣理解這場混亂?
為超連結加上有意義的圖示
正當你在網上愉快地瀏覽著,按了一下超連結後,瀏覽器突然跳出一個視窗,詢問你是否要儲存一個壓縮檔案,這是多麼不爽的事!若果你的訪客一早知道這個超連結會開啟一個壓縮檔案(你當然有很好的理由送出一個壓縮檔案,例如這是一個軟件包之類),他們的感受會好得多,也可以讓他們自行決定是否開啟,或者甚麼時候開啟。傳統的作法是在超連結後面加上一個檔案類型的提示,這可以是一句文字,也可以是一個小圖示,但要把所有這類型的超連結加上提示,除了手動以外,有沒有更方便快捷又不會出錯的方法?Toby Somerville 在 SitePoint 有一篇教學文件介紹兩個作法。
dhtmlxGrid 讓你用 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 上執行他的測試測網頁,網頁會執行九項操作,每一項都分別用 jQuery 和 Prototype 執行一次,為了公平起見,每兩項操作之間都分隔三秒。時間的量度精度達到千分一秒,為了進一步提高公平性,這個網頁會在每一個瀏覽器上執行三次,取執行時間的平均值。測試的結果可以觀看 Piotr Solnica 的列表。
JavaScript 是未來產品!
DOM 的集合 (collection) 不等於陣列 (array)
初學 DOM 的人很容易把節點集合(collection of nodes)與節點陣列(arrray of nodes)混淆,並且把節點集合當作陣列來使用,結果鬧出不少問題,浪費很多除錯的時間。James Edwards 有一篇文章介紹這兩者的分別,並且說明如何把節點集合轉換為節點陣列。DOM 有很多內建的 method 送回節點集合,所以釐清這兩個概念非常重要。
jQuery 簡介投影片
為甚麼選擇 Dojo?- 第二部份:Dojo 與其他 JavaScript 工具的比較
以下是 Dojo 官方網站上刊登的「為甚麼選擇 Dojo?」中文翻譯的第二部份,希望有助大家認識 Dojo 這個 JavaScript 工具庫,第一部份已於較早前發表。
為甚麼選擇 Dojo?- 第一部份:Dojo 整體概覽
XMLHttp 不是 Ajax 唯一的方法
隨著 Ajax 近年來瘋魔全球的網站設計師,大家一提起互動網頁、Web 2.0、SOA(服務導向架構),便自自然然想起組成 Ajax 的幾個字: Javascript、XML。彷彿要做到那靈巧的互動功能,便一定要調用 XMLHttp,真的是這樣嗎?
教學文件:利用 DHTML 製作一個裁剪圖像的介面
網上有很多圖像處理、相簿管理的網上應用系統,容許我們把大圖像裁剪為較小的圖像,但是用戶必須輸入裁剪框的座標和大小,對一般人來說顯然十分困難,Dave Dash 在 Spindrop 發表了一篇教學文件,指導我們怎樣利用 DHTML(JavaScript + CSS + HTML)來製作一個靈活易用的圖像裁剪介面。
我知道你去過甚麼地方
使用 JavaScript 及 DOM 製作立體透視圖及動畫
你有想像過單純用 JavaScript 和 DOM 便可以製作立體透視圖甚至動畫?James Edwards 在 Dynamic 3D with CSS and the DOM 中教導我們這方面的技巧。
在 IE 中的 JavaScript split() 函數
Harry Fuecks 在 Site Point 說了一個令他困惑的問題:IE 中的 JavaScript split() 函數並不符合規範。
如何編寫動態網頁:結合 HTML、JavaScript 和 CSS 的範例
document.onload 完全破解
Dean Edwards 研究 document.onload 的缺點與及解決方法已經一段時間,現在他終於提出了一個跨瀏覽器而又簡潔的終極解決方案。
用 ECMAscript 寫網頁
ECMAscript,很多人對這個名字感到陌生,說穿了它其實即是 JavaScript。JavaScript 在 1995 年由 Netscape 和 Sun 聯合推出,儘管技術上來說 JavaScript 和 Java 語言毫無關係,但是從當年發布 JavaScript 的新聞公告中,不難看出兩間公司蓄意暗示伺服器端的 Java 語言與瀏覽器端的 JavaScript 有某些聯繫,顯然這是基於市場推廣的考慮,但無論如何,JavaScript 就是這樣誕生了。