JavaScript | The Will Will Web

The Will Will Web

記載著 Will 在網路世界的學習心得與技術分享

手邊有一張速查表(Cheat Sheets)是件很方便的事

我個人有習慣收集一些網路上別人整理的速查表,因為程式開發的細節真的太多了,要能全部背起來不太可能,也沒什麼意義,甚至於有人說程式設計就是一件查詢、複製、貼上的工作而已。對我來說,寫程式首重觀念與經驗,有了完整而正確的觀念,就算記不得要怎麼寫,查詢一下就馬上能寫了;而有了經驗,對於一些難解的 Bug 自然能夠迅速解開。

... 繼續閱讀 ...

解決在 IE 下無法將 HTML/XML 轉成 jQuery 物件的問題

今天在寫一個 Web Service 的測試程式,而我的測試程式是完全用 jQuery 開發的,因為 jQueryAJAX 功能極強,幾乎可以完成所有 Web Service 的測試工作。不過,我這個 Web Service 走的並不是 SOAP 協定,而是客戶自行定義的 XML 格式,所以包括 Request / Response 都是 XML 格式,本想說如此簡單的架構用 jQuery 很方便,結果卻不如我預期的順遂。

... 繼續閱讀 ...

詳細解說幾個建置網站時常用的編碼方法

每次有新的開發人員進公司,在開發網站的時候幾乎都會遇到「不知道應該在什麼時候要選用什麼編碼的狀況」,大部分的初學者甚至根本不知道何謂編碼(Encode),而我也面試過好幾位在業界工作多年的工程師,有些也無法精確說明應該在什麼時候要選用什麼編碼,甚至有人說「編碼做什麼?我沒編碼也沒發生過錯誤啊!」。所以我想有必要特別寫一篇文章詳述各種常用的編碼方法與使用情境。

... 繼續閱讀 ...

網站部署可考慮使用 Google AJAX Libraries API 載入 JS

Google 提供的 AJAX Libraries API 其實是一個內容散佈網路(CDN, Content Delivery Network),這裡掛載了許多知名的 Open Source JavaScript 函示庫,目前支援有 jQuery, jQuery UI, Prototype, script_aculo_us, MooTools, 與 Dojo 等各版本。而使用 Google 提供的 AJAX Libraries API 最大的好處在於使用 Google 提供之高速、穩定的 CDN 網路存取這些網路知名的 JavaScript 函示庫。

... 繼續閱讀 ...

分享 30 多種動態的頁籤(Tab)介面與 Accordion 相關程式

我想大家都知道何謂頁籤(Tab)頁面,不過你知道網路上大家都怎麼使用頁籤嗎?最近看到一則 30+ Animated Tab-Based Interface and Accordion Scripts 文章,裡面介紹了 30 多種頁籤介面,每一個頁籤介面都有原始碼可以下載,也都有提供預覽(Preview)頁面可供線上測試,多看看別人的創意,自己也會想出不少新點子。

... 繼續閱讀 ...

升級到 Flash Player 10 將會造成無法使用Flash檔案上傳功能

雖然 Flash Player 10 的出現又多了一堆又酷、又炫的功能,不過因為一些「安全」的議題,導致 Adobe 將 Flash Player 10 中的 FileReference 這個類別做了一些改變,而這個類別中有個 FileReference.browse() 方法,可以開啟一個檔案瀏覽的視窗,用來讀取使用者端本機的檔案,最常用這個功能的應用就是「檔案上傳」功能了。在 Flash Player 9 以前,使用者個方法是沒問題的,但是到了 Flash Player 10 又更嚴格的要求 FileReference.browse() 方法的使用方式,不能透過 JavaScript 直接呼叫了,而改成一定要是由「人」點選時「直接呼叫 FileReference.browse() 方法才能使用」,這導致網路上最常見的幾套 Flash 上傳元件全軍覆沒!

... 繼續閱讀 ...

推薦 50 個優質的 AJAX 學習引導(Tutorials)

今天看到一篇文章講 50 Excellent AJAX Tutorials,這篇文章列出了 50 則關於 AJAX 的教學文章,可以幫助剛要上手 AJAX 的人學習之用,每篇文章之間談到的技術領域也很廣,有 PHP, ASP.NET, Java, JavaScript, jQuery, MooTools, ... 等等,與許多各種不同的 AJAX 應用,我覺得蠻不錯的,有興趣的人可以去看看,挑一些自己有興趣的主題看看別人的文章吧(順便練練英文)。

... 繼續閱讀 ...

Google Chrome 的「建立應用程式捷徑」

Google 的野心之大我想應該沒有人會懷疑,今天我赫見 Google Chrome 中的一個功能「建立應用程式捷徑」可以將目前正在瀏覽的這個網頁建立成一個捷徑在桌面(Desktop)、開始功能表(Start Menu)、或快速啟動列(Quick Launch Bar),透過這個捷徑啟動的網頁真的完全就像本機的「應用程式」一樣,只有標題列,沒有選單或任何可設定的功能,連網址列都沒有!

... 繼續閱讀 ...

介紹好用工具:Firebug ( Web 開發人員必備的工具 )

Firebug 應該是所有開發人員必備的工具了,這是一個 Firefox 的外掛程式,它提供一大堆跟 Web 開發相關的工具,可以幫助你編輯、修改網頁的 DOM 物件,對 JavaScript 除錯,可以查看任何一個元素的 CSS, HTML 設定,還可以分析網頁下載的效能,甚至於還可以自己寫程式擴充 Firebug 的功能,功能多到很難一下學會所有功能。

... 繼續閱讀 ...

SWFObject v1.5 無法在 Google Chrome 正常顯示 Flash

今天心血來潮來安裝 Google Chrome 玩玩看,果真瀏覽速度與 JavaScript 執行速度真的快很多,在使用 Gmail 的時候執行的速度幾乎跟本機的 AP 一樣快速,幾乎感受不到「網路」的感覺。不過,當使用 Google Chrome 查看我們之前做的一些網站時卻發現 Flash 都無法顯示出來,不過連到 Yahoo 或其他入口網站都可以,所以開始檢查為什麼只有我們的網站無法正常顯示 Flash。

... 繼續閱讀 ...