BPS 開發分享之 6：循環動畫與偵錯
現在這個年代如果要製作根據時間間隔來觸發的動畫，都會建議使用 requestAnimationFrame() 這個方法來做；跟 setInterval() 之類的方法相比，它至少有兩大好處： 瀏覽器內... » 閱讀全文
為 Blazor 新增依賴注入的第四個層次
.NET Core 內建的依賴注入系統中有三個不同的層次： Singleton：整個 process 裡面只會存在一個實體。 Scoped：每個 scope 當中只會有一個實體；預設情況下每次使用者 ... » 閱讀全文
BPS 開發分享之 5：平行運算
眾所周知地，JavaScript 是一種單一執行緒的程式語言，而且這個單一執行緒跟 DOM 是共用的，這使得純粹的 JavaScript 並不是用來進行耗時運算的頂尖選擇。只要一個 macrotask... » 閱讀全文
BPS 開發分享之 3：圖示
現在的前端設計很流行在各種地方適度地加上單色（或頂多雙色）的向量小圖示來提昇質感。在 BPS 裡面，由於我特別考慮到在手機上的使用，因此我的最上層功能選單按鈕上面都只有圖示而沒有文字，以盡量縮小整體的... » 閱讀全文
BPS 開發分享之 2：Service Worker
Service Worker（下簡稱 SW）是 Web Worker 的一種，而後者是泛指各種平行於網頁的前端執行緒、躲在背景中執行的 JavaScript 程式。在各種 Worker 之中，SW 之... » 閱讀全文
BPS 開發分享之 1：PWA
過去有好一陣子我沒有在這邊新增新的文章，主要是因為我自己在工作之餘陸續開發了兩年多的應用程式 Box Pleating Studio（下簡稱 BPS）發展得如火如荼、且我要趕著在去年底前正式發表上線而... » 閱讀全文
是否應該要 minify HTML？
在 StackOverflow 上面有一些討論（例如這篇）是在問 HTML 檔案應不應該進行 minify 的動作；有一個常被提到的論點是，由於現在的網站伺服器一般都會用 gzip 壓縮格式進行傳輸，... » 閱讀全文
自訂 Blazor Server 的斷線與例外處理
不得不說，Blazor 雖然是一個很酷的新框架，但是因為它真的還太年輕，很多 API 要不是不足就是開得很爛，剛開始用的時候肯定免不了花上一些功夫解決一些底層的需求（幸好在那之後就可以用得很開心了），... » 閱讀全文
Clickout-Event 發佈
不久之前我才剛在上一篇文章中給 Vue-On-Clickout 加入了 Vue 3 的支援，但是現在立刻又要再跨出一大步了。最近幾天裡面，我新完成了 Clickout-Event 這個套件，它具有 V... » 閱讀全文
Vue-On-Clickout 加入 Vue 3 支援
在一年多前，我寫了 Vue-On-Clickout 這個 Vue.js 外掛來實現一個常常被遇到的需求：偵測「點擊一個物件的外面」的事件（通常是用在彈跳視窗或下拉選單等元件之上，讓使用者可以按別的地方... » 閱讀全文
Amazon Honeycode 初體驗
Amazon 的 AWS 服務最近幾天新推出的 Honeycode 算是個滿新鮮、但是仔細想一想同時又無比合理的服務，所以我剛聽說這個東西的時候我就覺得應該會滿有搞頭的。 它的概念，就好比 WordP... » 閱讀全文
IndexedDB 的幾個新手常見坑
IndexedDB 是 W3C 於 2015 年 1 月定案的前端大量資料暫存方案，其架構足以讓網頁應用程式在前端儲存整個跟當前使用者有關的所有資料表，以便應用程式可以利用前端資料快取來增加效率、減少... » 閱讀全文