Experienced JavaScript / Node.js engineer & team lead.
Facebook Medium LinkedIn CodeSandbox GitHub Email
更新 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…
自製視訊虛擬背景（BlueJeans）
April 29, 2020 #Snap Camera#Lens Studio#BlueJeans套用視訊背景 (Snap Camera) 下載 Snap Camera 勾選同意隱私條款與 I'm not a robot 的防機器人驗證後下載應用程式 安裝完畢後開啟應用程式會看到以下畫面 點選任意的濾鏡後會直接套用 開啟 BlueJeans Camera…
Web 自動填入 OTP 認證碼
April 09, 2020 #HTML#UX首先需要把原本輸入 OTP 的 Input 加上屬性 autocomplete 並且設定值為 one-time-code 詳細如下： 接著在收到簡訊以後後，鍵盤上面就會出現 OTP…
高鈣質食物吸收率
December 01, 2019 #日常筆記#育兒資料來源： 食物 吸收率 每 100g 鈣含量 每餐鈣約吸收（份量） 花椰菜 61.3% 21mg 13mg (100g) 牛奶 32.1% 117mg 90mg (240ml) 切片起司 32.1% 606mg 29mg (15g) 優格 32.1% 103mg 79mg…
yarn 安裝到舊的 GitHub 的 module
October 24, 2019 #yarn#GitHub#Node.js開發專案中有時候會需要載入沒有發布到 npm 的 module 到專案中使用，這個時候就會直接指定 GitHub 的網址為版本號，譬如說 這樣子就會直接抓 GitHub 上 default branch 的 source code 來當作 module…