The Will Will Web

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

如何解決在 Windows 用 npm 安裝 TypeScript 之後 tsc 還是舊版的問題

由於 Angular 2 官方建議採用 TypeScript 做為主要的開發語言,一般來說 TypeScript 都會建議使用 npm 進行安裝,安裝後就可以在命令提示字元下使用 tsc 命令對 *.ts 進行編譯動作。不過這幾年 TypeScript 的變化很快,轉眼都已經到 1.8 版了。雖然透過 npm 安裝 TypeScript 是很容易的一件事,不過對於有安裝過 Visual Studio 的使用者來說,這條路可能會變得異常崎嶇,如果你在用 npm 安裝過 TypeScript 並且輸入 tsc.exe -v 總是顯示 1.0 版 ( 或低於 1.8 版) 的話,這篇文章你可能要繼續看下去。

... 繼續閱讀 ...

ASP.NET 5 Starter Web 專案內建的 NPM 設定檔 package.json 問題解決

之前一直沒有花時間去了解 npm ( Node 套件管理員 ) 的各種用法,尤其是 npm install --save 與 npm install --save-dev 的差異,今天再嘗試的時候,發現在我的本機電腦一直試不出這兩個命令有任何差異,套件都可以裝,但設定檔一直無法正確寫入,這種鬼打牆的事情,趁著這次年節假期徹底放鬆的時刻,終於被我抓到原來就是 package.json 這個檔案在搞鬼,欲知詳情,請繼續看下去。

... 繼續閱讀 ...

介紹好用工具:JS Bin ( 網站前端工程師的學習利器 )

我好像很久沒有介紹好用工具了,並不是我偷懶不玩工具,而是最近介紹工具的資訊大多分享在 Will 保哥的技術交流中心 為主,不知道的人記得過去按「」喔。今天這篇文章,主要介紹 JS Bin 這套好用的網頁前端工具,我覺得 JS Bin 介面非常簡潔,非常對我的胃口,雖然此工具還在不斷發展,但是目前的品質已經非常好了,因此覺得可以發表一篇文章來介紹這套工具,並分享一些不容易發現的使用技巧!

... 繼續閱讀 ...

免費申請 StartSSL™ 個人數位簽章與網站 SSL 憑證完全攻略

銷售憑證的公司競爭激烈,國外甚至於有一家簽發憑證的業者 StartSSL™ 提供完全免費的 SSL 與 S/MIME 憑證,每次可申請一年期,憑證有效日到期之前還可以再次申請一次憑證,一樣是免費。這個免費的申請方案其實已經存在很多年,一年可以省下數千元的憑證簽證費用,是個不錯的選擇。但礙於申請的步驟十分繁瑣,可能還是有許多人不知道如何申請免費憑證。

... 繼續閱讀 ...

如何進行網站壓力測試:以不動產交易實價查詢服務網為例

最近這兩天因為【內政部::不動產交易實價查詢服務網】網站上線而引起網友熱烈討論,雖然批評聲浪非常大,但我並不是要來數落這個網站的缺點,而是希望透過這個案例告訴大家網站壓力測試的重要性,尤其網站是那種可預期的大流量到來,網站建置廠商或客戶更應該提前做好準備,以確保網站能在預估的標準下正常運作。我相信,沒有人會反對網站上線前要做壓力測試,但我多年經驗下來發現,雖然手邊壓測工具都有,但普遍的問題是不知道怎樣測試?不知道測試的重點在哪?不知道壓測標準怎樣界定?不知道壓測報告怎樣閱讀與分析?今天想透過這篇文章來分享我在實務上進行網站壓力測試的經驗。

... 繼續閱讀 ...

介紹好用工具:RWD Bookmarklet (測試行動版網站的利器)

前陣子在 Tech‧Days Taiwan 2012 演講【使用 HTML5 打造友善網頁】這個主題,課程中提到幾個不錯的 RWD (Responsive Web Design) 書籤工具,可以很方便的快速切換網頁裡可顯示的網頁範圍,以便測試你的網頁在不同視窗大小之下如何顯示。這幾套 RWD 書籤工具厲害的地方在於完全以 JavaScript 寫成並能跨瀏覽器執行,所以不管你用甚麼瀏覽器都可以使用,讓你不用安裝任何瀏覽器外掛或擴充功能就能使用。

... 繼續閱讀 ...

網站建置不是件簡單的事 @ 跨瀏覽器網頁設計密技 (3)

網站建置的過程中一定會不斷的打開瀏覽器測試,先測試完常用的瀏覽器,然後再測另一個瀏覽器,就這樣測試、修改、測試、修改的循環,說實在也挺累人的,無奈瀏覽器種類跟版本又是出奇的多,話說白了,網站建置根本不是「人」能做的工作,所以我們一定需要一些幫助我們測試網頁在各瀏覽器呈現的工具,本次文章主要會介紹幾款免費與付費的跨瀏覽器測試工具,幫助網頁設計人員完成繁複且困難的測試工作。

... 繼續閱讀 ...

網站建置不是件簡單的事 @ 跨瀏覽器網頁設計密技 (2)

設計跨瀏覽器網頁經常要在不同瀏覽器版本之間進行微調,調整的地方不一定只有 CSS 樣式,我們有時候會為了避開一些瀏覽器在特定版本下的 JavaScript 臭蟲,也會需要針對不同的瀏覽器版本撰寫不同的程式碼來因應,在這篇文章裡我會介紹各瀏覽器 CSS Hack 技巧以及 IE 條件式註解,幫助各位更輕易的設計出跨瀏覽器網頁。

... 繼續閱讀 ...

Windows 7 內建的〔微軟正黑體〕在顯示粗體文字時需注意

前幾天我們公司的合作伙伴 EZTABLE 在他們的部落格發佈了一篇〔來用手機訂位吧!〕文章,當介紹到我們公司開發的〔一筵為訂 EZTABLE〕WP7 芒果版 App 時,卻發現我們的「一筵為訂」名稱被拆成了兩段,從畫面上看來會直覺的認為他們在我們 App 名稱中間加上了個「全形空白」,但實際去檢查原始碼又沒有發現空白的存在,到我的噗浪發問才得知,原來是〔微軟正黑體〕在顯示 粗體 時會有特定文字會出現奇怪空白,這還是我第一次遇到這種事。

... 繼續閱讀 ...

個資保護、Google Hacking 與 robots.txt 的關係與設定技巧

我想大部分人都應該知道 robots.txt 檔案的功用 (如果不知道可參考我之前的文章),因為 robots.txt 是給網頁爬蟲機器人 (Web Crawler) 看的,搜尋引擎要來抓網站網頁進行索引前,都會「禮貌性」的先抓取 robots.txt 檔案回去分析,若特定 URL 真的允許抓網頁回去才會繼續下載網頁,不過看這個檔案的 人類就不一定這麼有禮貌,讓駭客知道了你「不想被抓的目錄」後,反而讓駭客產生興趣,進而企圖攻擊這些你不想被知道的網頁路徑,所以選擇不將這些路徑放到 robots.txt 定義檔裡,然而,這觀念是正確的嗎?No!!! 請繼續看下去…

... 繼續閱讀 ...

網站建置不是件簡單的事 @ 跨瀏覽器網頁設計密技 (1)

自從上次發表【網站建置不是件簡單的事 @ 打造網站的步驟】之後收到許多網友熱烈的迴響,因此萌生撰寫系列文章的想法,為了要延續【網站建置不是件簡單的事】系列,我想對設計師來說最痛苦的事莫過於跨瀏覽器網頁設計,我們通常在設計好網頁後,會進入「跨瀏覽器相容性測試」的步驟,這時幾乎 100% 都會遇到網頁相容性的問題,同一份網頁在不同瀏覽器裡顯示時多少都會有些差異,接下來的文章就是分享一些我們經常使用的跨瀏覽器網頁設計技巧,礙於篇幅考量,我會依據不同主題拆成多篇文章撰寫。

... 繼續閱讀 ...

ASP.NET 發現重大資安弱點影響範圍涵蓋 ASP.NET 1.1 ~ 4.0

幾天前從 ScottGu's Blog 得知了一個 ASP.NET 的重大資安弱點,微軟緊急的在最短時間內推出安全性更新,目前已正式發佈至 Windows Update 網站,各位 IT 人員隨時都能透過 Windows Update 套用這次的安全性重大更新,以確保 ASP.NET 網站能夠正常運作。由於這次的安全性更新被歸類為「重大」等級,所以各位還是盡可能早更新早安心,不要等出事了才反應喔!

... 繼續閱讀 ...

TechEd 中國 2011 微軟技術大會:ASP.NET MVC 3 性能優化

上週我獨身前往參加 Tech•Ed 2011 微软技术大会 擔任 ASP.NET MVC 3 性能優化 這門課的講師,從參與講師徵選到前往與會的過程都充滿著驚奇與震撼,總體來說實在不虛此行,且在這幾天裡也結交了不少新朋友,每個都是才華洋溢、百煉成鋼的「年輕人」,在中國這個大環境下還真培育出不少武林高手,也只有在這種會議裡才能一次見到那麼多高端的菁英份子,幸會、幸會。

... 繼續閱讀 ...