Experienced JavaScript / Node.js engineer & team lead.
Facebook Medium LinkedIn CodeSandbox GitHub Email
判斷是 trackpad 還是 mouse
February 16, 2022 #JavaScript在 JavaScript 的 event 裡面只能得到最後的結果，不能直接判斷輸入的來源，你可以用滑鼠滾輪來捲動頁面，也可以用觸控板來捲動頁面，在 JavaScript 裡面都會觸發 WheelEvent…
高效率的前端開發環境
August 19, 2021 #performance本篇文章會總結這幾年工作下來覺得高效率的開發環境應該有的內容，這邊不會著重在最高效率，而是可以穩定的持續的產出的方式。 Macbook…
JavaScript event bubble list
July 16, 2021 #JavaScriptEvents Event bubbles cancel no error no scroll no select yes wheel yes Clipboard Events Event bubbles copy yes cut yes paste yes Composition…
CSS 中的 0.5px Border
December 21, 2020 #CSS透過刷淡 border 的顏色可以在畫面上呈現差不多的結果，但是其實眼睛貼到螢幕上看，或是放大來看，是真的有差異的，只是一般人工程師真的不太會注意到，下面兩圖片分別是，設計稿(Figma)，1px 寬的 border 刷淡 是不是真的有差啊？！所以說 0.5px…
更新 CodeSandbox 的縮圖
June 02, 2020 #CodeSandbox有時候 CodeSandbox 會產生出過時的縮圖，但是重新整理都無法更新成你想要的圖片，這個時候就需要呼叫 API 來更新 舉例來說，如果你的 Sandbox 網址是這樣 呈現的內容如下 其中 recoil-color-picker-nh1gw 就會是 sandboxId…
React render props 的 type check
May 06, 2020 #ReactReact 的 prop type 定義一直以來都很重要，可以減少很多 debug 要花的時間，而對於最常用的 render props 的定義通常就會用 PropTypes.func 來作為 prop type 的定義 如果是用 children…