frontend
含有「frontend」共 12 篇內容
全部內容
發佈日期由新至舊
本篇文章介紹了網頁元素的 Box 佈局，細述 Content Box、Padding Box、Border Box 和 Margin Box 的結構，並探討了 Intrinsic 與 Extrinsic Size 的特性。
iFrame在微前端架構中的優缺點，分析了其對用戶體驗、SEO及性能的影響。
iFrame在嵌入小型UI元件、創建隔離環境等特定場景中仍具備相當的應用價值。
這是一篇介紹如何使用Google Maps API在網頁上呈現地圖，並進行店家名稱的搜尋的文章。內容包含如何申請Google Cloud Platform的API金鑰、初始化地圖、設定搜尋功能等步驟。文章中提供了部分程式碼範例，並附上圖片說明操作過程。
作為一個非常不專業的前端初學者，有陣子常常卡在公司官網，要插入 Youtube 影片無法RWD(響應式)的問題。
跟不熟悉 網頁技術的朋友們介紹，RWD 就是指網頁的排版能跟著螢幕的大小縮放、變化編排，在這個人手一機的時代，特別重要。
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上，想像一下如果小明借用你的電腦，查看你的網頁歷史紀錄時就可以看到你的帳密了，多可怕！
再來就是如果
https://surl.li/rzafey
https://surl.li/jkktad
https://surl.li/fmonrm
https://surl.li/nxvxqj
https://surl.li/bmxfjr
https://surl.li/vpvuyo
https://surl.li/umuceu
https://surl.li/mrlpgy
https://surl.li/dgbnof
https://surl.li/mnlbiz
https://surl.li/poappv
https://surl.li/hnffyu
https://surl.li/bngucw
https://surl.li/hijiox
https://surl.li/fymuwi
https://surl.li/jfbalw
https://surl.li/zeizlf
https://surl.li/yponej
https://surl.li/delgjb
https://surl.li/gfgzzb
https://surl.li/dzribl
https://surl.li/geyfhw
https://surl.li/foueca
https://surl.li/yynlxm
https://surl.li/lldtwu
https://surl.li/hzjbbd
https://surl.li/ajltxa
https://surl.li/etpnlq
https://surl.li/lbxnpe
https://surl.li/urllip
https://surl.li/pqitnf
網頁中的元素本來都是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
