在網路上看到這篇 - Modern JavaScript Cheatsheet - Modern JS Cheatsheet，給既有 JavaScript 開發者看的小抄，指出因應 ES6/ES2015 新標準的注意事項。（註：如果你被 ECMAScript 6、ES6、ES2015 等術語搞到...

同事報案，在「以 MVVM 清單實作資料編輯介面」的經典應用場景（Knockout版範例、Angular版範例）遇見怪事。新増一筆資料後，將焦點移至 <input type="text"> 輸入欄位，若按下 Enter 資料會莫名消失，按一次消失一筆… 程式...

昨天剛在公司解完案例，今天又在日常生活遇到實例，老天爺這暗示明顯無比，趕緊來篇筆記，以防出門雷劈！ 最近迷上蝦皮拍賣。能跟 LINE 一樣跟賣家溝通超方便，尤其問完問題馬上接到賣家的實體照片真令人感動，不用出門與人面對面又保有臨櫃交談的即時性，真是阿宅的救星。遇到一個賣家很妙，凌晨四點多發訊息...

要防止使用者網頁輸入資料時誤按超連結或回上頁鍵，來不及儲存（送出）就離開，有個古老技巧是攔截 onbeforeunload 事件，使用 return "…" 傳回提醒文字，讓使用者有機會反悔，選擇停留在原頁面。（參考：如何避免使用者在特定網頁表單在未經送出時意外離開） 這招...

非同步邏輯是寫 JavaScript 逃不掉的複雜課題，古早流行的做法是傳入 Callback 函式當參數，待特定作業完成再呼叫，缺點是串接程序一旦變多，就會出現波動拳式排版，寫到渾然不知身處夢境第幾層： asyncJob1(function() { //Callback 函式： asy...

困擾我很久的一個問題：寫程式時常遇到用Split切字串再取最後一節的情境，例如：「DomainName\Account」取Account、「Oracle.ManagedDataAccess.Client.OracleConnection」取OracleConnection。 這類需求用C#寫，...

一週內被兩位同事問到幾乎相同的問題，這一定是天意！趕緊寫篇FAQ以免天公伯不開心～ 【問題】 用JavaScript要怎麼實現Dictionary<string, T>？ JavaScript有沒有類似LINQ Where()、Select()、OrderBy()的...

這是最近跟老IE纏鬥衍生的副產品。 雖然已研究出用document.domain克服無法與IFrame跨站台網頁溝通問題，但實務上常不免會遇到使用IP、機器名稱或別名連上網站的場合，document.domain法只適用URL採FQDN完整網域名稱且後段網域相同的情境，實用性大減。 針對IF...

文章標題有點饒舌難懂，直接說我需求就清楚了。我想在員工入口網站（例如：portal.utopia.com）加入人事、行政、會計、電子表單等現成網站功能，這些應用程式各有自己的網站（例如：webap.utopia.com），最簡單的整合方法是在入口網站放個Iframe將其他網站的網頁內嵌進來，兩分鐘...

寫WebClient.DownloadString()時用了"some.aspx?t=" + HttpUtility.UrlEncodeUnicode("中文")寫法組網址及Query String參，遇到一些問題，學到一些知識，筆記之。 先來個範例好說...

同事報案，用JS Bin跑迴圈計算從1加到n測試效能，發現 for 迴圈次數增加到100萬後加總結果不對，每次執行會得到小於正確值（499999500000）的隨機數字；但若不用for改用lodash _.times()，跑再多次結果也是正確的。 為了調查，先將程式碼簡化到可重現問題的最精簡內容：...

接獲報案：某支Java開發的程式以內嵌IE方式顯示特定網頁，在特定機器執行時網頁出現異常。 初步蒐集情報如下： 於問題機器單獨使用IE或Chrome可正常顯示該網頁 問題機器之IE版本為IE11 問題僅出現在特定機器，同一Java程式於其他機器執行正常 於異常網...

NG筆記3-使用TypeScript 一文曾提及「另建程式碼產生器專案，將ViewModel規格轉成JavaScript(或TypeScript)、C#類別」的做法，方便Client及Server端共享一致的強型別ViewModel，規格如有更動，重跑程式產生器就能同步更新。 日前網友Ark詢...

由Knockout跨到Angular半年，對於NG的Dirty Check機制卻始終沒好感，老覺得它髒，為了偷懶不宣告Observable跟少寫一些訂閱連動，卻無法預期程式觸發次數與時機，讓我很沒安全感。如果可以選擇，我寧可乖乖多寫一些Code，100%掌控程式運作，避免陷入程式 一旦複雜就可能失...

同事報案，安裝SPA專案在localhost，跨網域發出AJAX請求到ServerA時出現存取被拒訊息，而該情況獨獨出現於IE11，Chrome與Firefox並無問題。 排除Web API端的CORS配套機制的問題（由Chrome及Firefox具名擔保，延伸閱讀：CORS OPTIONS ...

在寫JavaScript程式時，常有協調非同步作業的需求，像是作業B必須等待作業A完成後再進行，傳統做法多使用Callback函式，例如： function doJobA(callback) { //do something callback(); } function d...