Clik here to view.
【笨問題】無法輸入英文小寫字母
開了一份新PowerPoint範本，發現標題打不出英文小寫。第一直覺是鍵盤卡住或輸入法故障，但狂按Shift、Caps Lock、切換輸入法都無法解決。接著換到IE地址列測試，大小寫切換是正常的，判定為PowerPoint設定問題。最後找到原因，原來字型設定區有個【全部大寫】項目，這個範本將標題字型的全部大寫設為啟用:又學到一招。
View ArticleClik here to view.
HTML轉PDF - 使用Pechkin套件
剛好跟人討論到HTML轉PDF需求，便對工具進行簡單評估以備不時之需。網路上比較多人推的是WkHtmlToPdf，如果是用.NET開發，已經有人包成NuGet套件，直接搜尋pechkin就可找到，它有兩個版本: Pechkin適用單執行緒，如要非同步執行請選用Pechkin.Synchronized。安裝NuGet套件後，相關Unmanage...
View ArticleClik here to view.
KO範例24 – Kendo輸入欄位唯讀切換
knockout.js內建enable繫結，可透過ViewModel的布林值切換<input>、<textarea>及<select>啟用與否產生唯讀效果。工作專案中有些輸入欄位採用的Knockout-Kendo所繫結的Kendo...
View ArticleClik here to view.
同時開啟兩個Excel檔案於多螢幕並列顯示
Excel有個討厭特性，開啟多份Excel檔案時不像Word每個文件一個視窗，而是預設開在同一視窗，每次只能顯示其中一個檔案，如果要左右並陳對照，可以取消個檔案的最大化，在同一個視窗中並列，只是這麼做不能善用多螢幕的優勢，雖然可以將視窗拉大橫跨兩個螢幕，但有螢幕解析不同，以及無法使用快捷鍵調整視窗尺寸位置的問題，用起來不甚順手，還是覺得像Word一樣各自成為獨立視窗操作比較方便。平日上班使用Exce...
View ArticleClik here to view.
Kendo UI內建圖示清單
Kendo UI內建了一組圖示，若網頁已參照kendo.common.min.css以及kendo.default.min.css(或其他主題)，只需加入SPAN元素並指定k-icon及k-i-*樣式，就可在網頁插入Kendo UI圖示，例如: <span class="k-icon k-i-calendar"></span>沒有在Kendo...
View ArticleClik here to view.
KO範例25 – 狀態切換鈕
專案遇到的小需求，如上圖所示，某UI有四種操作模式，規格要求提供四個按鈕，用來切換模式。當模式啟用時，該按鈕要呈現反白，方便使用者掌握模式狀態。這個需求用Knockout不難實作，利用click繫結將四顆按鈕的點擊事件都對應到setMode函數，由於四鈕共用一個函數，我們需要由event.target識別按鈕來源，模式值被藏在data-mode...
View ArticleClik here to view.
KO範例26 - ko.computed()的效能考量
ko.computed()能追蹤所依賴的ko.observable()或ko.observableArray()，在其變化時自動重算，開發時依直覺寫出關連邏輯，屬性間便會依預期變化。使用起來固然方便，但是當依賴對象連續變化時，要留意反覆重算的必要性以及對效能的衝擊。用一個範例來說明:<!DOCTYPE html><html><head><script...
View ArticleClik here to view.
【CSS新手筆記】小探position: abolute應用
寫了好幾年網頁，卻一直是CSS新手，最近一年才比較認真研究個中奧妙，也慢慢解開一些原本搞不定的小眉角，說穿了不複雜，但相信我肯定不是地球最後一個發現的網頁攻城獅，故筆記分享，如高手發現有誤或另有妙法，請不吝指正。我對於position: absolute的認識是很粗淺的，印象還停留在ASP.NET 1.1時代WebForm的Grid Layout Mode，啟用後網頁的控制項會變成像Window...
View ArticleClik here to view.
KO範例27 - ViewModel物件的擴充
為了確保Server端及Client端的ViewModel一致，在專案中我使用T4自動產生對應C# Class及JavaScript function，如此可確保ASP.NET端拋出的ViewModel與Client端的ViewModel完全一致，雖然這點Knockout Mapping Plug-In也辦得到，但自己產生的JavaScript ViewModel還可以加上JavaScript...
View ArticleClik here to view.
【CSS新手筆記】左欄固定，右欄佔滿剩餘空間
寫了好幾年網頁，卻一直是CSS新手，最近一年才比較認真研究個中奧妙，也慢慢解開一些原本搞不定的小眉角，說穿了不複雜，但相信我肯定不是地球最後一個發現的網頁攻城獅，故筆記分享，如高手發現有誤或另有妙法，請不吝指正。有個常遇到的需求，我卻從沒弄懂過:...
View ArticleClik here to view.
CODE-為Self-Hosting ASP.NET Web API加上Log功能
自從學會Self-Hosting ASP.NET Web API，遇到Console Application/Window Form/WPF程式需提供API介面的場合，我都二話不說召喚它出來打怪，開開心心地在EXE裡寫Web，好不快意~最近有個情境，需要為Web...
View ArticleClik here to view.
使用自訂確認對話框取代window.confirm
專案規格有一條機車要求: 對於刪除或覆寫資料前的確認程序，希望以自訂風格的確認對話框取代簡陋的window.confirm()。舉例來說，按鈕後原本要透過window.confirm()請使用者確認後再執行，現在要改用自訂HTML元素呈現確認文字、按鈕進行確認，就如以下改用Kendo UI...
View ArticleClik here to view.
Clik here to view.
解決Kendo UI NumericTextBox注音輸入法數字輸入問題
自己用是倉頡輸入法，Kendo UI數字欄位(NumericTextBox)一直用得很開心，直到同事回報: NumericTextBox配上IE瀏覽器，使用注音輸入法時無法用鍵盤數字區(鍵盤右方的數字盤)輸入數字，使用Chrome或Firefox則無此問題。[Bug示範...
View ArticleClik here to view.
【CSS新手筆記】Box-Sizing
為了解決padding影響寬度造成破版的問題，新學會一個CSS屬性: Box-Sizing。Box-Sizing只決定一事件: 矩型元素在計算寬度及高度時，border及padding為內含還是外加? (參考: Box Model) 而其設定值有三種:...
View ArticleClik here to view.
Clik here to view.
CODE-封裝Office繁簡轉換服務
手邊的專案涉及多國語系，之前研究過使用Excel維護多國語系字串資源檔，意外發現Office的繁簡轉換功能威猛過人，不單只是置換字元編碼，還能做到詞彙轉換，將字彙轉換成對應的說法，例如: 交易資料->事务数据、預設記憶體->默认内存... 等等，放著神兵利器不用，豈不暴殄天物? 於是，延續先前開發Word套表服務的概念，裝著Word當引擎的裝甲車登場囉~程式碼的重點在於Word...
View ArticleClik here to view.
【茶包射手筆記】Word無法在Windows Service中執行
嘗試將先前提過的Word套表服務寫成Windows Service，原本使用Console Application + Self-Hosting ASP.NET Web API測試無誤，移進Windows Service卻壞了。試過將服務執行身分調為本機系統(LocalSystem)或AD網域帳號，錯誤依舊。使用Visual Studio追蹤進程式找到錯誤源頭:doc =...
View ArticleClik here to view.
程式師語錄 - 黑暗選集
語錄有兩種，有一種在於闡述智慧哲理，使人樂觀向上，積極進取；另一種則直搗人生無奈，看完會心一笑，撫慰心靈。方式不同，但都是能帶來正面能量的心靈雞湯。最近看到網友but翻譯自日本程式鄉民的開發感想彙整，顯然是後者，讓搞程式專案快20年的我，讀來心有戚戚焉，忍不住頭點如搗蒜。摘要整理一些特別有fu的(部分有額外融入自已的觀點及體驗，作了改寫)，預備於未來身處專案煉獄或遭程式花惹發纏身時咀嚼回味，追求心靈...
View ArticleClik here to view.