Shiny

Experienced JavaScript / Node.js engineer & team lead.
Facebook Medium LinkedIn CodeSandbox GitHub Email

JavaScript event bubble list

July 16, 2021 #JavaScript

Events 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 #React

React 的 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…