Mawchu's blog

Google Tag Manager - datalayer

Google Tag Manager - datalayer

Google Tag Manager - datalayer

．．．

各行各業針對品牌特性的客群行為追蹤會因應產業的商務模式變換目標，例如物聯網、電子商務、投資等不同用戶在採取的使用者流程上會有細微差異需要綁定的追蹤事件需要客製化設定，以便利行銷或者公司高管採取對應措施或方針的改變，Google Tag Manager 就是一個集合多種追蹤技術的行為分析平台，先前有在Google Tag Manager 起手式粗略地介紹過。

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()：