2024 iThome 鐵人賽

2024 iThome 鐵人賽

Share More Gain More

Modern Web

最新文章熱門文章

選手 90 文章 2138

Day 9

2024-09-23

1167

0

Vue 和 TypeScript 的最佳實踐：成為前端工程師的進階利器系列

Day 9: 高階組件設計：使用 Zod 和 Vee-Validate 進行動態表單驗證

介紹在 Vue 應用開發中，表單驗證是一項至關重要的功能，尤其是當表單數據變得複雜且需要高度自定義時。Zod 作為一個強大的 JavaScript 驗證庫，...

Day 15

2024-09-23

479

0

從零開始：全端新手的困境與成長系列

Day 15 前端畫面的美感：設計與優化

我們一路學了這麼多 CSS、Angular Material 和 Flex Layout，現在終於要來談談大家最在意的部分了——畫面美感！不管功能多強大，如果網...

Day 10

2024-09-23

446

0

要不要 Vue 點酷酷的元件？系列

D10 - 逐字轉場：單元測試

開始單元測試前，先讓我們設定一下測試範圍，避免執行到 e2e 測試的部分。 vitest 可以和 vite 共用設定檔，所以我們在 vite 新增設定即可。 v...

團隊鐵齒不信寫不完

Day 12

2024-09-23

287

0

GitHub Pages實作筆記系列

DAY12 物件固定

前半部分兩個頁面整體完成了，接著幾天想加上一些視覺和互動效果。使用者在介紹頁的時候因為內容較多，畫面是可以捲動的，這裡希望可以將目錄固定在畫面右上角，不受頁面...

Day 13

2024-09-23

1136

0

與 AI 一起開發 Side Project 吧！系列

Day13 — 馬不停蹄 | 還有 bug 要修呢！ AI 做得到嗎？

還記得上次與 AI 的應對，像是在打乒乓球那樣一來一回嗎？「給 AI 指令，接著 AI 給出回應，自己不滿意 AI 的回應，接著調整指令再給新的指令…，如此往...

Day 9

2024-09-23

339

0

Awesome self hosted 30天系列

Directus 基本操作

Directus 的資料結構分為 Collection, Field, Item 幾種，接下來逐一操作建立這些資料的步驟。首先要點選新建代表一組資料的 Col...

團隊北投溫泉公園的蛞蝓觀察小隊

熱門文章

熱門系列

鐵人選手

工商時間