iT邦幫忙

鐵人檔案

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

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

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

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

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

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

全屏魔法術 - fullPage.js

有時候在想...fullPage.js 和 swiper 的垂直項展示畫面很像很像,但是整體上來看還是有點不一樣,fullPage.js 主要用於建立全螢幕捲動...

2023-09-21 ‧ 由 kuku 分享
DAY 22

吃翻譯年糕 - 多國語系 vue-i18n-next (上)

說真的,進入一個網頁看到全外文,我通常會轉身默默地關閉他,除非...我真的很想瞭解他或是一定要了解,只好硬著頭皮上,真不行就按下滑鼠右鍵點選翻譯成中文!相反的,...

2023-09-22 ‧ 由 kuku 分享
DAY 23

吃翻譯年糕 - 多國語系 vue-i18n-next (下)

話不多說,直接進入主題... #應用 前一篇有提到,在多國語系 vue-i18n-next 應用篇主要分享幾個主題: 運用 Pinia 記憶使用者選擇語系 -...

2023-09-23 ‧ 由 kuku 分享
DAY 24

我有話要說 - CKEditor5

時間過得很快,轉眼間這是前台比較常使用的套件分享中的最後一個,之後要介紹的都比較偏向後台的數據分析。前面分享 Sweetalert2 對話彈窗可以當作一種對使用...

2023-09-24 ‧ 由 kuku 分享
DAY 25

數據探索者 - amcharts.js (上)

今天要進入我不是很喜歡但是又一定要認識的套件,因為專案需求,我不能按下右上角的 X 然後豪爽的轉身離開,只能硬著頭皮按下滑鼠右鍵點選翻譯成中文,但是真的很不好懂...

2023-09-25 ‧ 由 kuku 分享
DAY 26

數據探索者 - amcharts.js (下)

在應用中主要分享曾經走過的坑和對於一些比較常用的圖表屬性說明 環境:vite + vue3 <script setup> + js套件版本: am...

2023-09-26 ‧ 由 kuku 分享
DAY 27

可視化圖表 - ECharts.js (上)

ECharts.js 一個基於 JavaScript 的開源視覺化圖表庫,學原生 JavaScript 的時候用的是 C3.js (原自 D3.js 開源的圖表...

2023-09-27 ‧ 由 kuku 分享
DAY 28

可視化圖表 - ECharts.js (中)

今天來講古,講什麼古,講在 ECharts.js 撞牆的苦! 這個套件太好用了,在應用的地方會拆分成 2 部分: 基礎應用 進階應用 #基礎應用 - res...

2023-09-28 ‧ 由 kuku 分享
DAY 29

可視化圖表 - ECharts.js (下)

#進階應用 進入進階應用前,要先跟各位分享目前環境,環境確認才方便後續變化使用。接著可以先去 DEMO 確認資料格式,因為每張圖所需要的資料格式不一定相同,建議...

2023-09-29 ‧ 由 kuku 分享
DAY 30

旅程最終回 - vite 部署到 GitHub

這裡要跟大家分享,把自己的專案部屬到 GitHub 上,這裡就沒有像前面文章用固定格式,這裡要改用步驟流程的方法分享。 #步驟一 :建立環境 這裡就是前面魔法編...

2023-09-30 ‧ 由 kuku 分享