Shiny

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

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…

一分鐘學前端(7):項目清單

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

項目清單是非常實用的網頁元素,分別有 <ul>: 無序清單 (unordered list) 會顯示一個小黑點在項目的前面,通常用在沒有順序性的清單上 <ol>: 有序清單 (ordered list) 會顯示阿拉伯數字 (1, 2,…