The Will Will Web

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

如何在 Windows 作業系統安裝 Node.js 執行環境 (Cygwin)

由於 jQuery 1.5 在前幾天釋出正式版,我從 Release Notes 中發現 jQuery Team 這次改用 UglifyJS 對整個 jQuery 原始碼進行編譯 (其實是將 JS 最小化)(原本是使用 Google Closure Compiler ),但 UglifyJS 只能執行在 NodeJS 執行環境下,原本 NodeJS 只能跑在 Linux 環境下,還好從  node.js v0.2 版之後就開始支援在 Windows 環境下執行,以下是設立 NodeJS 執行環境的流程。

... 繼續閱讀 ...

jQuery 1.4.2 的 .live() API 在 IE 無法套用 change 事件 - 更正

前幾天提到的 jQuery 1.4.2 的 .live() API 在 IE 無法套用 change 事件 問題我今天又再次研究了一遍,發現 .live() 的 change 事件在 IE 其實還是可以用的,只是有個非常奇怪的注意事項,雖然上次的方法也可以解決問題,但我還是覺得很納悶想試圖找出根本原因(root cause),今天分析了好幾個小時依然無法確診,我研判可能是因為 jQuery 在程式中用到一些變數引發 Side Effect 而導致此問題。不過,既然無法確診,但我至少能確定如何引發這個 Bug,因此寫了一個簡單的 Bug 驗證程式,我堅信這是 jQuery 1.4.2 的 Bugs,因此也主動回報給 jQuery 開發團隊了 ( Ticket #7002 )。

... 繼續閱讀 ...

jQuery 1.4.2 的 .live() API 在 IE 無法套用 change 事件

今天幫同事除掉了一個 Bug,主要的問題在於他在網頁的某個下拉選單 ( <select> ) 使用 .live() API 套用change 事件,但客戶卻測出一個無法觸發 change 事件的狀況,不過同事之前都一律使用 Firefox 進行測試,所以一直沒發生問題過,但今天我用 IE8 測試後發現所有透過 live() API 註冊 change 的事件全部都不會執行,看來這應該是 jQuery 1.4.2 的 Bug 了,希望下一版能修復。

... 繼續閱讀 ...

使用 jQuery(document).ready() 與 window.onload 注意事項

我的部落格這週的圖片超多,下載完首頁竟然要 5MB 這麼大,頻寬夠的話首頁下載完畢大概 1 分鐘左右,也因為這個關係我採用了 Lazy Load Plugin for jQuery 讓我部落格上的圖片可以等使用者看到時再下載,透過這種延遲效果就能讓使用者不會等待所有圖片都下載才能順利看到網頁,由於 Lazy Load Plugin for jQuery 必須在 jQuery(document).ready() 裡啟動,但我昨天測試卻怎麼測試都會等圖片全部下載完才會執行,那不就沒用了嗎?也因為此問題讓我研究出許多問題背後的問題與問題之外的問題,收穫頗為豐富,請繼續看下去。

... 繼續閱讀 ...

SyntaxHighlighter 與 Windows Live Writer 的使用經驗分享

我的部落格使用 SyntaxHighlighter 當程式碼片段的高亮度顯示工具,且在 Windows Live Writer 編輯文章時也有安裝支援 SyntaxHighlighter 的外掛,由於我的部落格使用的是 SyntaxHighlighter 1.5.1 的舊版本 (目前最新版 SyntaxHighlighter v3.0.83 ),所以慢慢的也開始遇到版本之間的問題,因為網路上可以下載到的 Windows Live Writer 外掛也有好幾套,為了避免裝錯我還是做一下筆記好了。

... 繼續閱讀 ...

自訂 jQuery 選取器:提供 Contains 支援不區分大小寫比對

最近有專案要用到下拉式選單搜尋的功能,由於客戶的表單中有個下拉選單(DropDownList)有數千個選項要選取,由於選項太多因此我設計了一個搜尋下拉選單的功能,雖然 jQuery 有內建 :contains() 選取器,不過卻是區分大小寫的版本,因此我自行擴充了一個選取器,讓搜尋時可以不區分大小寫。

... 繼續閱讀 ...

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

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

... 繼續閱讀 ...

使用 Regular Expression 驗證密碼:使用 JavaScript 的陷阱

我在前年有寫過一篇【 使用 Regular Expression 驗證密碼複雜度 】文章,當時撰寫的技巧完全是針對 .NET 提供的 Regular Expression 而寫,雖然我的文章在標籤的地方有特別提到 .NET,但還是有人將文章裡提供的 Regular Expression 直接抄去給 JavaScript 使用,結果當然是養出一堆莫名其妙的臭蟲(Bug)。

... 繼續閱讀 ...

你想要花 17 個小時從領域專家學會 JavaScript 嗎?

學習 JavaScript 除了看書外,我之前也看了好幾則線上的 JavaScript 影片,收穫非常大,之前也在我的噗浪上分享了一些心得,想不到在網路上看到有人將這些 JavaScript 專家錄製的影片做了個整理,其中好幾則影片就是我之前看過的,這些演講者都是 JS 界的大師,有心想學好 JavaScript 的人不可不看!

... 繼續閱讀 ...