The Will Will Web | JavaScript

The Will Will Web

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

網站的 Flash 前導頁需考量的不僅僅瀏覽器是否支援

有些網站會放置 Flash 前導頁( 例如:http://www.liteonaward.com/ ),但我也看過許多網站在設計 Flash 前導頁的時候,整個網頁就只有一個 Flash 而已,所有進站的 Link 全部寫在 Flash 裡面,沒考慮到「萬一」使用者的瀏覽器不支援 Flash player 或 Flash player 所安裝的版本太舊怎麼辦!這時使用者就像是人到了你家,卻找不到門口進入一樣,連按電鈴的地方都沒有。

... 繼續閱讀 ...

驗證你的 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 的文件,列出更多格式化原始碼相關的參考資料,有興趣的可以去看看。

... 繼續閱讀 ...

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

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

... 繼續閱讀 ...