前端效能調校的技法多如牛毛，但最明顯的效能殺手不外乎是 JavaScript 佔用 Main Thread 而導致頁面無法回應的狀況了。最近研究 Partytown 這個函式庫，他用了一個非常巧妙的技巧，把部分 JS 自動切換到 Web Workers 背景執行。這篇文章我就來分享如何將 Partytown 安裝到任意網站中。
... 繼續閱讀 ...
我們有個大型的 Angular 專案，原本在 Azure Pipelines 的 CI 都很順利，但是一個月前開始變的不穩定，常常會掛掉，而掛掉的原因是「記憶體不足」造成的。本篇文章我打算分享本次問題的 Log 內容，並提供一個解決方法。
... 繼續閱讀 ...
每次要開始寫一個 Node.js 搭配 TypeScript 的專案，都沒有一個能讓自己滿意的專案範本，不然就是網路上經常找到不完整的參考文件。這篇文章我打算建立一個 Node.js 搭配 TypeScript 進行開發的專案範本，完整交代整個建置過程，並用一個簡單的例子說明開發與執行的注意事項。
... 繼續閱讀 ...
今天同事提到一個問題，說他看到客戶用 JavaScript 的 < 或 > 來比對日期字串，但我們要將這份邏輯移到後端 Java 應用程式中，由於 Java 沒看到類似的語法，雖然知道有 Java 字串有個 compareTo() 方法可用，但不知道差異在哪裡，也深怕有個未知的地雷會踩到。因為這個需求，我今天寫了 4 種不同程式語言的字串比對差異比較，看的懂程式碼的話，未來應該就知道這幾種語言字串比對的差異在哪裡了。
... 繼續閱讀 ...
我們都知道 JavaScript 物件建立的過程，大多都不需要事先設計「藍圖」就可以建立「物件」，不像 C# 或 Java 等強型別語言，需要先設計「藍圖」（也就是類別），才能產生物件。在 ES2015 出來之前，並沒有 class 語法，而是使採用以原型為基礎的物件導向設計模式 (Prototype-based OO)。本篇文章將介紹幾種在 JavaScript 裡面建立物件藍圖的方式。
... 繼續閱讀 ...
在 JavaScript 的型別系統中，數值型別(Number)應該是數一數二的地雷型別。今天這篇文章，我想來深度探討 Number 型別的各種魔鬼般的細節，也談談 Number 的常見地雷與建議作法。
... 繼續閱讀 ...
現在日常的 JavaScript 已經完全離不開 TypeScript 了，在強型別的保護下，不但不容易寫出錯誤的代碼，還能透過開發工具提供的 IntelliSense 提高開發速度。但是如果手邊的程式碼只能使用 JS 來撰寫，那該怎麼辦呢？像是 Protractor 的設定檔 protractor.conf.js 就是一個典型的例子，本篇文章我將分享如何在現有 JavaScript 檔案下使用 TypeScript 的型別檢查提示。
... 繼續閱讀 ...
網站建置不是件簡單的事，我們都知道網站做好之後，有好多細節需要兼顧，所以許多公司花了大量的時間與金錢，耗用人力對維護中的網站進行不斷的、重複的人工測試，想達到的目的不外乎是希望網站不要出錯，可以給客戶/使用者最好的網站使用體驗。但你是否知道單元測試、整合測試、端對端測試之間的差異在哪裡？本篇文章將闡述他們之間不同的部分。
... 繼續閱讀 ...