iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

Vue 元素美麗的轉變:前端小萌新勇闖套件的魔法陣 系列

學習 Vue3 的過程也發現套件其實是最好提高開發效率,節省開發者的時間和工作量,當然因應需求套件客製化也相對被提高,這次想分享自己在使用套件過程中遇到的阻礙和挑戰,也展現套件的魔法,不得不說,開發套件的人真的超級厲害。

因為在 vue 環境使用,所以一開始會先說明怎麼安裝 vite,然後再一一分享各個套件,其中對於日常、工作上比較常用的會再特別說自己留下的痕跡和踩過的雷。

最後感謝這個平台讓我除了「學習如何學習」外,還能分享給需要的人。

鐵人鍊成 | 共 30 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文
DAY 1

我們一起學套件

踏入前端旅程剛滿一年一個月,從一開始什麼是 HTML 都不懂的我到現在可以慢慢獨立作業,參加活動單純只是想分享自己過去所學以及踩過的坑,用紀錄足跡的方式分享給大...

2023-09-01 ‧ 由 kuku 分享
DAY 2

魔法編譯器 - vite

#套件簡介 Vite 是一個現代化的前端構建工具,專為快速開發 Vue.js 單頁面應用 (SPA) 和其他 JavaScript 項目而設計。它的名稱來源於法...

2023-09-02 ‧ 由 kuku 分享
DAY 3

魔法貓頭鷹 - axios

#套件簡介 AJAX 可以透過 JavaScript 發出網路需求,發出方法可分成: JavaScript 原生寫法和套件,既然都踏入套件的魔法陣,就介紹這個我...

2023-09-03 ‧ 由 kuku 分享
DAY 4

核心魔法陣 - Pinia

進入 vue3 後,多了一種跟 react 很像的資料管理方式 provide / inject ,和 vuex 相同的是他可以跨組件讀寫資料,但是和 vuex...

2023-09-04 ‧ 由 kuku 分享
DAY 5

巫師的布局 - Bootstrap (上)

今天要分享一個樣式的框架 Bootstrap ,一開始學習的時候主要以手刻的 HTML、CSS 搭配 JavaScript 邏輯撰寫出想要的效果,但是研究過程中...

2023-09-05 ‧ 由 kuku 分享
DAY 6

巫師的布局 - Bootstrap (下)

在應用篇會介紹格線系統、最常使用的 flex 排版以及專案中常見的彈窗,會特別抽出來獨立分享是因為,不管在 Bootstrap 還是明天要分享的 Element...

2023-09-06 ‧ 由 kuku 分享
DAY 7

魔法元素+ - Element-plus (上)

今天要分享的樣式框架是 Element-plus,或許您會有些疑問:前面不是都介紹過樣式框架,為什麼還要多介紹一個?這個框架套件是我在學 Vue.js 的時候意...

2023-09-07 ‧ 由 kuku 分享
DAY 8

魔法元素+ - Element-plus (下)

今天要分享 Element-plus 應用篇,主要先介紹 icon 引入,之後進入最重要的格線系統、最常使用的 flex 排版以及專案中常見的彈窗,準備好就來開...

2023-09-08 ‧ 由 kuku 分享
DAY 9

神奇化妝術 - SCSS

常言道:人要衣裝,佛要金裝, HTML 要 CSS 妝。CSS 就像房屋設計師一樣,把平凡的家用各種屬性裝潢成甲方需要的樣式一般,看到下圖仔細想想還真的是如此,...

2023-09-09 ‧ 由 kuku 分享
DAY 10

字型的術士 - Google Fonts

CSS 可以用 font-family 屬性設定一個有先後順序的,由字體名或者字體族名組成的列表來為選定的元素設置字體。 MDN:font-familyhtt...

2023-09-10 ‧ 由 kuku 分享