BPS 開發分享之 8：mangling
改編（mangling）是 JavaScript 語法壓縮上的其中一種方法，其作用就是去把原本較長的變數常數名稱（或甚至物件成員名稱）一致地改成比較短而不具可閱讀性的名稱，例如把原本的 RiverCo... » 閱讀全文
BPS 開發分享之 7：檔案下載
如各位所知，BPS 是一個用來輔助摺紙設計的應用程式，所以它自然有其檔案格式、並且提供了讓使用者進行存檔和開啟檔案等等的基本 IDE 功能。除此之外它在進行圖檔（SVG 或 PNG 格式）輸出的時候，... » 閱讀全文
BPS 開發分享之 6：循環動畫與偵錯
現在這個年代如果要製作根據時間間隔來觸發的動畫，都會建議使用 requestAnimationFrame() 這個方法來做；跟 setInterval() 之類的方法相比，它至少有兩大好處： 瀏覽器內... » 閱讀全文
BPS 開發分享之 5：平行運算
眾所周知地，JavaScript 是一種單一執行緒的程式語言，而且這個單一執行緒跟 DOM 是共用的，這使得純粹的 JavaScript 並不是用來進行耗時運算的頂尖選擇。只要一個 macrotask... » 閱讀全文
BPS 開發分享之 4：Gulp
到目前為止我已經很多次提到我習慣用 Gulp 來進行自動化建置的工作了。Gulp 非常適合像我這樣有高度自訂需求的進階開發者來完全控制我的自動化流程，從編譯、minify、變種建置、部署上傳等等的動作... » 閱讀全文
BPS 開發分享之 3：圖示
現在的前端設計很流行在各種地方適度地加上單色（或頂多雙色）的向量小圖示來提昇質感。在 BPS 裡面，由於我特別考慮到在手機上的使用，因此我的最上層功能選單按鈕上面都只有圖示而沒有文字，以盡量縮小整體的... » 閱讀全文
BPS 開發分享之 2：Service Worker
Service Worker（下簡稱 SW）是 Web Worker 的一種，而後者是泛指各種平行於網頁的前端執行緒、躲在背景中執行的 JavaScript 程式。在各種 Worker 之中，SW 之... » 閱讀全文
BPS 開發分享之 1：PWA
過去有好一陣子我沒有在這邊新增新的文章，主要是因為我自己在工作之餘陸續開發了兩年多的應用程式 Box Pleating Studio（下簡稱 BPS）發展得如火如荼、且我要趕著在去年底前正式發表上線而... » 閱讀全文