The Will Will Web

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

在 Visual Studio 2010 活用 jQuery 的開發工具使用技巧

我們在日常開發工作當中對於 jQuery 已經非常依賴,幾乎每個大大小小的案子都會用上一些,所以深入瞭解 Visual Studio 2010 能帶來什麼幫助十分重要,妥善的利用開發工具帶來的便利性將可以有效減少開發時間、提升開發效率,今天我就要介紹幾個 Visual Studio 2010 與 jQuery 相關功能、開發技巧與好用工具。

... 繼續閱讀 ...

如何自動取得所有前端 JavaScript 錯誤以提升網站品質

我們每個案子都會用許多錯誤追蹤的機制確保網站品質,但還是不時會讓客戶發現有些功能無法操作,而這些問題大多出在 JavaScript 錯誤,由於一些老舊的瀏覽器或不同瀏覽器特性不同的關係,難免會有不小心寫錯的時候,為了能有效追蹤這些不易察覺的錯誤,我們會利用 JavaScript 追蹤 JavaScript 錯誤!

... 繼續閱讀 ...

利用 jQuery 將 DOM 元素聚焦 focus() 的六個版本

簡單的東西不簡單,將 DOM 元素聚焦是個再簡單不過的功能了,在實務上也經常用到,但是我們最近在使用 FancyBox 利用 IFRAME 載入頁面時卻怎麼樣都無法讓游標自動停在特定的文字輸入框中,除此之外,我也將我這些年累積遇到無法 focus() 的問題做了一次總整理,一共有六個版本之多。

... 繼續閱讀 ...

介紹 jQuery Tools 與 jQuery UI 這兩套好用的 jQuery 套件

我想家喻戶曉的 jQuery UI 套件應該不用特別介紹了,但我最近又看到一套不錯的 jQuery Tools 套件,相較於知名且多功能的 jQuery UI 套件,jQuery Tools 提供一種額外的選擇,他只提供幾種網站上最常用的功能,包括 Tabs、Tooltips、Expose、Overlay、Scrollable、Flashembed 等,其中的 Flashembed 就可以取代我們之前常用的 swfobject 套件,他還支援 SIFR 功能喔。光聽我說還不夠,最好立即看看線上展示,你就知道有哪些酷炫實用的效果了。

... 繼續閱讀 ...

使用 jQuery Media Plugin 實做影片播放前預覽圖片功能

我們最近有個需求需要在首頁播放 wmv 影片,但為了不驚擾使用者,所以預設是不自動播放的,但是在頁面中宣告載入影片的地方卻會黑黑的一片 (如下圖示),因此客戶就要求說要先顯示一張圖片,然後點擊圖片後再播放影片。雖然不是個很難的功能,但我找到了個 jQuery Media Plugin 可以很方便的幫我處理這個需求。

... 繼續閱讀 ...

學習 jQuery 從入門到精通只要兩小時!

黑暗執行緒站長 Jeffrey 親自操刀、費時數月完成的邊做邊學 jQuery 系列影片(含文章)終於完整上線,一共 15 集精闢入裡的 jQuery 觀念解說與精彩範例 (錄影的時間總共 126 分 15 秒),絕對能讓原本就會一些 JavaScript 的開發人員快速上手 jQuery,甚至於我認為已經在使用 jQuery 的開發人員更應該看一遍這些影片與文章,也許能帶給你許多意外的收穫喔!

... 繼續閱讀 ...

在 Firefox 中使用 影像地圖(Image map) 該注意的事

之前我介紹過一個 jQuery Cycle Plugin 套件,非常適合用來做跑馬燈或廣告輪播,但是今天我遇到一個跨瀏覽器的問題。我們有做一個網站用到了 jQueryjQuery Cycle Plugin,為了讓 jQuery Cycle 可以在當滑鼠移進廣告看板的範圍時可以先停止輪播,否則使用者可能才剛想要點選廣告時廣告卻換走了的窘境。

... 繼續閱讀 ...