# 雞蛋糕的前端修煉屋

> 記錄雞蛋糕的每一步前端煉成過程，從小白到（也許是）前端工程師的學習與分享。

## Recent Posts

- [Day 62：BEM 命名、定位技巧與 Hero Section 完整實作](https://paragraph.com/@gcake/day-62)
- [Day 61：JavaScript 物件導向；HTML 骨架元素](https://paragraph.com/@gcake/day-61)
- [用 AI 協作把 Joplin 筆記流程做成 CLI：從切換桌面到單一 VS Code 視窗的知識管理工作流](https://paragraph.com/@gcake/joplin-dev-workflow)
- [Day 60：前端切版重構技術筆記](https://paragraph.com/@gcake/day-60)
- [Day 58-59：CSS 重構實作：DOM 佈局空間管理、BEM 命名方法、圖片容器問題](https://paragraph.com/@gcake/day-58-59)
- [Day 57：CSS Box Model 與偽元素、偽類](https://paragraph.com/@gcake/day-57)
- [Day 56：切版實作——垂直置中、文字段落行距、雙欄排版](https://paragraph.com/@gcake/day-56)
- [2026 六角後端工程師體驗營心得](https://paragraph.com/@gcake/2026-%E5%85%AD%E8%A7%92%E5%BE%8C%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB%E9%AB%94%E9%A9%97%E7%87%9F%E5%BF%83%E5%BE%97)
- [Day 55：CSS 選擇器語法、層疊順序、Normal Flow、Position、Margin Collapsing、HTML/CSS vs JavaScript 除錯差異](https://paragraph.com/@gcake/day-55)
- [Day 54 verifyPassword 的第一個 Vitest 測試（續）；CSS 留白與定位屬性](https://paragraph.com/@gcake/day-54)
- [Day 52-53：verifyPassword 的第一個 Vitest 測試（續）；HTML/CSS 基本架構](https://paragraph.com/@gcake/day-52-53)
- [Day 51：verifyPassword 的第一個 Vitest 測試；Borda Count 演算法](https://paragraph.com/@gcake/day-51)
- [Day 50：JavaScript 執行機制與資料處理設計](https://paragraph.com/@gcake/day-50)
- [Day 45：測試框架與 JavaScript 函式進階](https://paragraph.com/@gcake/day-45)
- [Day 42-44：遞迴重構；TDD 流程；Caesar Cipher；Array.fill vs Array.from；分組計數；Map vs Object；解構賦值；JSDoc 型別；JSFuck](https://paragraph.com/@gcake/day42-44)
- [Day 41：什麼是優良的單元測試；用 flatMap、Array.from 與 Fisher‑Yates 洗牌設計隨機分配邏輯](https://paragraph.com/@gcake/day-41)
- [Day 39-40：用 Map、Array.sort 和 Fisher-Yates 洗牌，拆解一個「顏色抽獎」Kata](https://paragraph.com/@gcake/day-39-40)
- [Day 38：單元測試的進入點與退出點；物件當 Map 與 Object.values](https://paragraph.com/@gcake/day-38)
- [Day 37：從 while(true) 到選擇適合的迴圈結構](https://paragraph.com/@gcake/day-37)
- [Day 36：重構 CLI 驗證流程：從過度抽象到剛好夠用](https://paragraph.com/@gcake/day-36)

## Blog Information

- [Homepage](https://paragraph.com/@gcake/): Main blog page
- [RSS Feed](https://api.paragraph.com/blogs/rss/@gcake): Subscribe to updates

## Optional

- [All Posts](https://paragraph.com/@gcake/): Complete post archive
- [Sitemap](https://paragraph.com/@gcake/sitemap-index.xml): XML sitemap for crawlers