前端
個人的前端開發經驗~
分類
SEO
SEO（Search Engine Optimization，搜尋引擎最佳化）是一系列提升網站在搜尋引擎中自然排名的技術與策略。目的是讓網站更容易被搜尋引擎理解與收錄，進而增加曝光率與流量。無論是內容優化、技術結構調整，還是提升使用者體驗，SEO 都是現代網站不可或缺的一環。對前端開發者而言，了解 SEO 不僅能改善網站效能，也能為產品帶來實質的成效。
JavaScript
JavaScript 是一種運行於瀏覽器與伺服器的高階直譯式程式語言。 最初被設計用來讓網頁具備互動性，如今已成為前端開發的標準語言，也廣泛應用於後端（如 Node.js）、行動應用、桌面應用甚至物聯網開發。 此分類會介紹關於 JS 相關的開發筆記
打包工具
打包工具是一種前端開發中不可或缺的工具，用來將多個模組（例如 JavaScript、CSS、圖片、字型等資源）整合成瀏覽器可以執行的單一或數個檔案。常見的打包工具有 Webpack、Vite、Parcel 等。透過打包，可以提升網站效能、減少載入時間，同時支援模組化開發與資源優化（如壓縮、分割、快取等）。
最新文章
JS 底層觀念 - this 物件 下(this 綁定控制)
深入探討 JavaScript 中 this 的五種綁定方式（預設綁定、隱式綁定、顯式綁定、new 綁定、箭頭函式綁定），透過範例說明它們的綁定邏輯與優先順序，幫助你理解在不同情境中 this 的指向，並掌握常見陷阱與實務應用技巧。
JS 底層觀念 - this 物件 上(定義&基礎例子)
透過清楚的範例與逐步說明，帶你認識 JavaScript 中的 this 關鍵字。了解 this 的定義、預設綁定、隱式綁定與常見錯誤，建立堅實的 JS 底層觀念基礎。
用 Namecheap 快速為 Vercel 架站設定自訂網域
•SEO教你如何在 Namecheap 上購買網域，並透過 Vercel 設定 DNS 記錄，快速部署你的網站，讓人從 google 找到你！
Next.js SEO 實作筆記：最佳化網站在搜尋引擎的曝光度
•SEO在開發現代網站時，良好的 SEO（搜尋引擎最佳化）不再是選項，而是必要。這篇筆記整理了我在使用 Next.js 開發網站過程中，實作 SEO 的關鍵技巧與最佳做法，從 favicon、metadata 設定、自訂字體、自動產生 sitemap、robots.txt，到利用 SSG 與 ISR 提升效能與搜尋引擎收錄。希望能幫助同樣在學習或實戰中的開發者，打造更容易被搜尋引擎發現與收錄的網站。