Link

• JavaScript
• Vue
• VuePress
• HTML
• CSS
• Plugin
• 資安
• UI/UX
• Google
• Tool

JavaScript

• 我知道你懂 hoisting，可是你了解到多深？ (opens new window)

Vue

• Vue.js (opens new window)
• Awesome Vue.js (opens new window)
• VueUse (opens new window)
• Vue Feather Icons (opens new window)

VuePress

• VuePress (opens new window)
• Awesome VuePress (opens new window)
• Gungnir (opens new window) 一個很好看的 VuePress Blog Theme，還有許多好用的 plugin

HTML

• Shadow DOM ：獨立的Web組件 (opens new window)

CSS

• cubic-bezier.com (opens new window)
• CSS3 Cubic Bezier (opens new window)
• 一些不太好記卻很好用的 CSS 屬性 (opens new window)
• Input Range 跨瀏覽器樣式設定 (opens new window)

Plugin

• lightGallery (opens new window)

資安

• 從 cdnjs 的漏洞來看前端的供應鏈攻擊與防禦 (opens new window)
• 在做跳轉功能時應該注意的問題：Open Redirect (opens new window)

UI/UX

• 用 hover 取代 click 來開啟選單並不是一個好設計 (opens new window)
• 300 毫秒点击延迟的来龙去脉 (opens new window)

Google

• Migrating from Google Sign-In (opens new window)
• Sign In With Google JavaScript API reference (opens new window)
• 解決 GCP STORAGE 取得資料發生 BLOCKED BY CORS POLICY (opens new window)

Tool

• Lorem Picsum, Image placeholder (opens new window)
• 複合式搜尋結果測試 (opens new window)
• Rubular 正規表示法線上編輯器 (opens new window)
• Regex101 正規表示法線上編輯器 (opens new window)