Mawchu's blog

React Context pitfalls -

React Context pitfalls -

React Context pitfalls -

．．．

即便之前有使用過 React Context 的鉤子經驗仍不可避免地在實際應用時遇到困難，本篇記錄下自己的使用踩坑經驗順便造福大眾 🤦‍♀️。

HTML dir - text directionality

HTML dir - text directionality

HTML dir - text directionality

．．．

接觸過 i18n 多國語言的同學一定對書寫方向（Directionality of elements text）並不陌生，算是前端一個滿運氣運氣會碰到的工作，可以當個冷知識來學習一下！

Vue - sync modifier

Vue - sync modifier

Vue - sync modifier

．．．

本篇整理一下除了 v-model 以外的幾種雙向綁定實作方法：.sync 與 computed()。

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

．．．

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