Mawchu's blog

NX powerful monorepo tool -

NX powerful monorepo tool -

NX powerful monorepo tool -

．．．

一次工作機會上偶遇了 NX 建置起來的 Monorepo 的專案架構，此時不記錄更待何時！

Git commit rules - commitlintrc

Git commit rules - commitlintrc

Git commit rules - commitlintrc

．．．

工程師百百種撰寫的 commit 也百百種，為了明確每個改動的 commit git 以免大家的個人特色太明顯XD (遇過每個 commit 都是 FuXk you 的)，其實有規範的大方向可以依循，以下列舉專案中制定的規則：

Vue - Slot usage

Vue - Slot usage

Vue - Slot usage

．．．

插槽就是個用了就忘的好工具，最近在整理 Vue3 專案的元件有點忘記插槽的用法了快快來複習。

Vue x Typescript knowhow

Vue x Typescript knowhow

Vue x Typescript knowhow

．．．

一直以來開發著 Javascript 弱型別語言養成許多不嚴謹的隱患，稍一不慎前後端資料協作下很可能導致資料錯誤而噴錯，藉著最近接觸著公司最新技術的專案架構來好好規範一下自己的壞毛病。

Vue - useful features

Vue - useful features

Vue - useful features

．．．

本篇重點說明 Vue3 幾個好用的語法糖，包涵

Javascript - bitwise NOT

Javascript - bitwise NOT

Javascript - bitwise NOT

．．．

關於那個專案中奇妙的波浪符號 ~ 是怎麼回事？

Web Workers - Main threads helper

Web Workers - Main threads helper

Web Workers - Main threads helper

．．．

本篇介紹幕後的那隻推手——Web Workers 的運作基本概念與架構。

Vue Mixins Pitfalls

Vue Mixins Pitfalls

Vue Mixins Pitfalls

．．．

在工作上第一次接觸到專案開發使用 Vue mixins 到有點氾濫的情況（甚至追朔至2-3個 mixins），所以採到的一個奇妙的雷。

HTTP error handler

HTTP error handler

HTTP error handler

．．．

Axois 與 Fetch 兩大 Library 會給予客製化錯誤控制與處理流程，根據返回的 Promise 會按照 HTTP response status 情況歸納至 then() 以及 catch()：

createImageBitmap X visibilitychange

createImageBitmap X visibilitychange

createImageBitmap X visibilitychange

．．．

在工作上遭遇到 canvas 繪製的獎品轉盤(Spin Wheel)在切換視窗後再回來 canvas 遺失的問題，由於轉盤是前人開發的又剛好在自測時發現 issue，就抱持著試試看的心態來查解決方法。