Experienced JavaScript / Node.js engineer & team lead.
Facebook Medium LinkedIn CodeSandbox GitHub Email
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…
yarn 安裝到舊的 GitHub 的 module
October 24, 2019 #yarn#GitHub#Node.js開發專案中有時候會需要載入沒有發布到 npm 的 module 到專案中使用，這個時候就會直接指定 GitHub 的網址為版本號，譬如說 這樣子就會直接抓 GitHub 上 default branch 的 source code 來當作 module…
一分鐘學前端（9）：文字樣式
October 23, 2019 #HTML#一分鐘學前端在 第三篇 的時候已經介紹過文字大小的調整了，這次就來介紹一下文字樣式的調整，像是粗體、斜體、刪除線與下底線等等的樣式，費話不多說，開始看怎麼作： 下載 HTML 後打開就會看到下圖： ![](./images/CleanShot 2019-10-23 at 15.49.1…
Chrome Extension: Request domain list
October 18, 2019 #Chrome ExtensionI received a request asking me to get all the domain names of the browser connection after the user interaction. It sounds not pretty hard…