The Will Will Web

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

驗證你的 JavaScript 程式:JSLint

我們常常在寫 JavaScript,但又要如何驗證我們的 JavaScript 寫的好不好呢?有個 JSLint 網站就幫我們做這件事。之前我也是認為在寫 JavaScript 的時候都覺得只要跑起來沒問題就好,測過 IE, Firefox 就可以了,也不覺得省略一些分號結尾(;)或有沒有加上 { , } 或是部分使用全域變數(Global variables)有什麼關係,但是總是會不定時在一些特定的情況下出錯,且通常 JavaScript 發現錯誤不太容易,通常是客戶提出說「好像有問題」時才會處理,這實在不太專業。

... 繼續閱讀 ...

解釋 Cookie 的特性

身為 Web 開發人員一定要瞭解 HTTP 本身 無狀態 (Stateless) 的特性,要在網路上識別瀏覽者的身份,必須透過一些機制來保存狀態,而 Cookie 就是其中一種保存狀態的機制,也是我們開發 Web 應用程式經常要面對的事,但又有多少人瞭解 Cookie 的細部特性呢!今天來談談 Cookie 的細部特性吧。

... 繼續閱讀 ...

好用的線上 JavaScript 格式化工具

有時後在網路上找到一些 JavaScript 的程式片段或函數庫,但是排版很醜,不容易閱讀,所以我就找了幾個好用的 JavaScript 格式化工具:

  • Online javascript beautifier
    http://jsbeautifier.org/

    純 JavaScript 的 JavaScript 格式化工具,速度快。

  • prettyprinter.de
    http://www.prettyprinter.de/

    這個更厲害,可以格式化 PHP, Java, C++, C, Perl, JavaScript, CSS 等原始碼,還支援許多格式化的選項。

除此之外,我還在 Wikipedia 上面找到 Prettyprint 的文件,列出更多格式化原始碼相關的參考資料,有興趣的可以去看看。

... 繼續閱讀 ...

如何檢查 HTML 中的元素是否被隱藏

我們常會使用 element.focus() 方法,讓鍵盤游標停留在某個欄位上。例如說「會員登入」頁面開啟時,鍵盤輸入的游標就直接停在「帳號」欄位上,讓頁面開啟來後就可以直接輸入帳號。

... 繼續閱讀 ...

簡易克服 CSS 被瀏覽器快取(Cache)的問題

我們建置網站完成後,接下來就是將網站上線了,但當發現網站有問題要修改的時候,可能會遇到一個問題,就是當我們修改 JavaScript 或 CSS 的時候,預設的情況下 *.js 或 *.css 這類靜態網頁通常會被 Browser 快取(Cache)起來,除非你先主動清除這些快取資料,或人工將頁面重新整理才能讀到新的資料。但這個「人工手動」的動作客戶可無法接受!因為大部分網友不會知道需要做這個「重新整理」的步驟,看到的可能是錯誤的畫面、或 JavaScript 的問題。

... 繼續閱讀 ...