frontend

data-* attributes 是 HTML 內建的屬性，可將網頁的狀態與元素進行綁定。而Tailwind CSS 在 3.2 版更新中推出使用 data-* attributes 自訂樣式的功能，讓樣式設定可以更動態多變。

Service Worker 是用於客戶端的攔截器，可以使用 Cache Storage 和 IndexDB，並有自己的生命週期。Web Worker 用於處理可能會使用到大量運算且不希望影響到使用者體驗的任務。Shared Worker 可以在相同 Domain 的不同頁面上共享訊息。

發送表單用get跟post看起來好像都無所謂，然而事實並非如此，使用GET的風險如下： 安全性問題 機密資訊為何不宜用GET，是因為由GET方法提交的表單會將欄位的key,value顯示於URL上，想像一下如果小明借用你的電腦，查看你的網頁歷史紀錄時就可以看到你的帳密了，多可怕！ 再來就是如果

env 環境變數的設定，通常是為為了 server 而設定的，能快速的切換狀態，但現在的網頁開始，前端的範圍逐漸往後端靠近，所以在設定，也會有 client 的變數會想要在 .env 的情況。此篇就是以 nuxt 為實作，分享此內容 前端架構 最常見的 front 架構，就是把專案 buil

在參加 2022 年六角學院舉辦的公益程式體驗營之後，我認知到一個專業具有就職水準的切版能力不是只是會 html、css 以及一些 css framework 就足夠，魔鬼藏在細節裡，而我想要朝專業級前進。 文章節錄當時的檢核點，作為日後開發的 check list。

在前端開發中，因為瀏覽器可以迅速啟動與關閉的特性，再加上 JavaScript 的 Garbage Collection 垃圾回收機制，常常讓前端開發者忽略了 JavaScript 的記憶體管理機制與 Memory Leak 帶來的危險性，有時應用的效能瓶頸可能就因此產生了。

網頁中的元素本來都是Responsive的，是因為我們做了些什麼，才讓元素變成不是Responsive

Create project 裝好 vue CLI 之後，只要在終端輸入 vue create 想取的專案名稱 就可以開始創建 vue 專案囉 1. Pick a preset 2. Select the features 3. Choose the version of vue 選擇 vue3

今天我們引入了 Build Output API, 一個檔案系統為基底的規格, 允許任何框架都可以讓 Vercel 建置, 並且取用了 Vercel 的優勢, 也就是 Vercel 的 infrastructure building blocks, 像是 Edge Functions, Edge M

大型是一個有點模糊的詞彙，什麼是大型呢？ 是100人以上的前端大型開發專案？ 還是超過一千個頁面的大型專案？或是跨國部門的前端大型開發專案呢？ 為了解決上述的問題，Monorepo前端大型架構就這樣誕生了。