Clik here to view.
Clik here to view.
【茶包射手日記】在VS2013修改SCSS後未產生CSS
接獲同事報案，在 Visual Studio 2013 發生修改 SCSS 後未更新 CSS 的狀況，檢查確認 WebEssentials 已設定成存檔後編譯（如下），重啟 VS2013 問題未排除。最後想到一個可能，SCSS 有錯導致編譯失敗，因而沒更新 CSS。回頭檢視 SCSS，果然找到一處宣告變數寫在呼叫處後方的錯誤，修正後 SCSS 就順利編譯產生...
View ArticleClik here to view.
John Papa Angular Style Guide筆記
微軟的老牌技術傳教士 John Papa前些時候寫了一份 Angular 開發風格指南，近來打算在專案正式使用 AngularJS，便花了點時間詳讀，特筆記備忘兼分享。先聲明一點：「開發風格」並無對錯可言，不同做法各有優劣，開發團隊可自行評估利害，取得共識維持一致即可。故文件所提並不是唯一正確的做法，只能說是蠻多人認同的一種選擇。很棒的一點是 John...
View ArticleClik here to view.
【茶包射手日記】在電腦顯示Nexus 7畫面
為確認網頁在行動裝置能正確呈現，拿了 Nexus 7 平板來做實驗，打算搞個遙控程式在電腦顯示平板畫面，要抓畫或展示比較方便。上網找了一遍，圖文並茂的教學文有好數篇，得知有個 Android Screen Monitor 不用 root 能輕鬆實現。照著步驟演練，開好 USB 偵錯也接了線，連線清單卻沒有半個裝置出現。茶包射手無語問蒼天，拉弓試瞄準備射箭…我參考的是這篇教學。先補充一點：Nexus...
View ArticleClik here to view.
Gulp, Grunt, Bower以及npm
Scotte Hanselman 前陣子寫了一篇文章，提到 Visual Studio 開始支援 Gulp、Grunt、Bower 以及 npm！一些寫 ASP.NET 的朋友，看到文章標題，心中的OS八成是「阿鬼，你還是說國語吧！」這些是什麼妖怪，為什麼我通通沒聽過？雖然之前學 NG 時試用過一丁點 node.js，但這些名詞對我來跟克林貢語沒有兩樣。為了讀懂 Scott...
View ArticleClik here to view.
Bash漏洞檢測
9/24 US-CERT、RedHat及多家資安業者揭露一則消息：Bash 存在嚴重安全漏洞。Bash Shell 從 2004 年 7 月起存在一個安全漏洞，允許環境變數設定指令夾帶惡意指令被一併執行。當今世界上運作中的 Linux / *nix 系統（連 Mac OS 也算）的數量驚人，甚至在你料想不到的裝置裡也有個 Linux...
View ArticleClik here to view.
無法安裝Evernote 5.6.4
Evernote 5.5.3 版執行時自動更新提示升級成 5.6.4 版，安裝程式要求先移除 5.5.3，但移除時出現找不到 Evernote.msi 錯誤。試著由「控制台\所有控制台項目\程式和功能」移除，一樣出現找不到Evernote.msi 錯誤，卡在舊版移不掉，新版裝不了的尷尬處境。 嘆了口氣，捲起袖子動手修理。選擇先手動移除 Evernote 5.5.3，參考MS...
View ArticleClik here to view.
CORS OPTIONS Preflight Request與IIS設定
ASP.NET WebApi 內建跨網域支援（參考：進擊的 ASP.NET Web API 2 巨人 – 打造支援各種裝置及平台的服務 - MSDN 台灣部落格），但基於專案的特殊需求，最後我還是決定自己寫 CORS 支援。程式在 IIS Express 測試正常，搬到 IIS 後部分呼叫正常，部分失效。經分析問題如下：瀏覽器在發出跨網域請求時，若符合以下條件：（參考：MDN）It uses...
View ArticleClik here to view.
NG筆記17-範本(Template)
範本(Template)是MVVM的基本功能之一，與KO相比，NG的範本功能多了將範本存在外部HTML檔的彈性。開始前，先回味本次復刻對象: KO範例13 - Template範本功能。先前介紹過的ng-repeat Directive已內含範本概念，例如:<trng-repeat="user in model.users"ng-class="user.addFlag ? 'new' :...
View ArticleClik here to view.
2014葡萄馬拉松
第19馬，葡萄馬連續參加第三年，葡萄依舊香甜，原住民朋友熱力不減。 早上四點多到接駁車集合點，現場不見任何跑友侯車，心頭一驚，莫非我搞錯時間或記錯地點？原來遊覽車已到，司機大哥讓跑友上車等發車，虛嚇一場。清晨交通順暢，不到六點就抵達目的地－梅子夢工廠。 烤山豬肉是萄葡馬的特色之一，今年也不例外，準備了 19 隻山豬供跑友大快朶頤。...
View ArticleClik here to view.
【答客問】使用jQuery.ajax傳送複雜參數到ASP.NET MVC
讀者小黑提問：使用jQuery.ajax傳送物件陣列給ASP.NET MVC一文已示範如何使用jQuery.post()傳遞List<Player>到ASP.NET MVC，但依該做法傳送List<string>卻無法成功，應如何解決？熬不住手癢，就來動手實測玩看看吧！改寫前文的MVC Action，加入接收string[]...
View ArticleClik here to view.
NG筆記18-訂閱屬性變更事件$watch()
KO是用ko.computed()及subscibe()追蹤ViewModel屬性變動做出反應，在NG中則可透過$scope.$watch()實現，寫法為$watch(觀察對象, 連動函式, 值比對開關)。觀察對象可以是字串或函式，使用字串時完全比照data-bind="propName"的寫法，也支援運算，例如："model.firstLame +...
View ArticleClik here to view.
NG筆記19-資料檢核
與KO相比，NG的內建資料驗證功能強大許多。先看示範：載入網頁時欄位均為白底，輸入資料後會觸發檢核，輸入值有效呈現綠底，不合要求則為紅底。變色關鍵來自以下CSS設定，NG會在使用者輸入資料後新增ng-dirty class，依檢核成功或失敗加上ng-valid或ng-invalid: form .ng-invalid.ng-dirty { background-color: pink; } form...
View ArticleClik here to view.
【茶包射手日記】CSS Bundle路徑有"."造成HTTP 404
解掉一個古老懸案！在ASP.NET MVC 4中使用Kendo UI Grid文章曾提過一個古怪問題：發現StyleBundle的virtualPath參數出現2012.1.322時，會導致Styles.Render("~/Content/kendo/2012.1.322/css”)時傳回HTTP 404錯誤~...
View ArticleClik here to view.
【茶包射手日記】無法使用滑鼠操作及捲動IE
筆電的IE10＠Windows 8近來怪怪的，網頁開啟後無法上下或左右捲動。更棈準地說，網頁本身對滑鼠移動、點擊有反應，IE部分都無法用滑鼠操作。如下圖黃色部分即對滑鼠毫無反應，使用滾輪也不會捲動，圖中的檢視選單還是靠Alt、右鍵、下鍵才叫得出來，顯示後卻仍不能用滑鼠點選，只能靠上下鍵及Enter操作。按F12可以叫出Dev...
View ArticleClik here to view.
【茶包射手日記】Angular 1.3升級踩雷記
孵了八個月，AngularJS 1.3版終於在前幾天破殼而出～ 一直很期待的ngModelOptions updateOn功能隨著1.3版問市，未來繫結到<input>可指定移開焦點才觸發，比每敲一個字母重算一次有效率，另外也可選擇debouncing累積多次變化只重算一次（相當於KO的throttle擴充方法），這些都是之前在寫KO...
View ArticleClik here to view.
【茶包射手日記】Outlook在轉寄、回覆或暫存信件時程式凍結無回應
症狀如後：Outlook 2010收到來自其他部門的郵件，開啟信件準備回覆或轉寄，在按下暫存或傳送時Outlook UI凍結無回應。經檢查比對，推測為信中包含無效URL的<img>所致（URL指向寄件者才存取得到的內部IP），試用一小段程式重現問題： ExchangeService ews = new...
View ArticleClik here to view.
Android SDK模擬器安裝筆記
為了測試網頁在不同Android版本的瀏覽效果，我想用Android SDK提供的模擬器跑不同版本Image，省去找實體機的麻煩。雖然最後因效果不佳放棄，但耗了大半天，多少對Android SDK、Eclipse多了一些了解，整理筆記以備日後不時之需：一開始我是在Windows 2008 R2安裝ADT，使用SDK Manager下載好System Image，以Android...
View ArticleClik here to view.
2014貓空半馬
貓空半馬，連續第五年。今年跑了八場馬拉松，海山馬體驗人生首次落馬後，後面賽事就改走荒唐墮落風，美其名享受比賽，其實是吃吃喝喝拍照片看風景，一直玩一直玩…...
View ArticleClik here to view.
TIPS-Chutzpah回報需要ECMAScript 5+
使用Chutzpah執行TypeScript單元測試，出現以下錯誤：foo.ts(14,9): error TS1056: Accessors are only available when targeting ECMAScript 5 and...
View Article