Experienced JavaScript / Node.js engineer & team lead.
Facebook Medium LinkedIn CodeSandbox GitHub Email
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…
自製視訊虛擬背景(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…