Shiny

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

自製視訊虛擬背景(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 Extension

I received a request asking me to get all the domain names of the browser connection after the user interaction. It sounds not pretty hard…

一分鐘學前端(8):在 HTML 中插入表格

October 15, 2019 #HTML#一分鐘學前端

上一篇介紹的項目清單適合簡單快速的分別事物,但是如果需要複雜的比較的時候單純用項目清單可能不是個好選擇,這個時候表格 (<table>)就派上用場了,表格就像是 Excel 一樣有橫向與縱向兩個方向來比較東西,具體寫法如下: 表格多了一個屬性 (border…