Shiny

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 #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…

高鈣質食物吸收率

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…