iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

教練我想做一個後台管理系統,阿我忘記我只有一個人沒有教練,那用試著以vue-pure-admin為基底做做看 系列

不知道大家有沒有遇過老闆想快速做出一個後台網站,因此隨意挑了一套框
但隨著客戶無止盡的需求,內心想說: 老闆我改不動了!

希望這30天能以vue-pure-admin從無到有做出一個通用的模板,多認識一些套件
學習高手們為甚麼會這樣用,順便練習TypeScript

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

第二十一 超略懂 vue 自訂義指令 custom-directives

常用的 vue 指令有 v-show v-if v-model v-bind v-on但如果能客製化指令呢? 像是 pure-admin-thin 就有兩個作者...

2022-10-05 ‧ 由 YUAN 分享
DAY 22

第二十二天 vue 的 app.use(MyPlugin,{}) 實際寫一個 "類i18n plugin"

今天我們來跟著官方範例略懂i18n是怎麼做的官方文章 手做範例codesandbox 只有3個檔案,有耐心點看完吧~ 首先在src新增一個資料夾plugins,...

2022-10-06 ‧ 由 YUAN 分享
DAY 23

第二十三天 略懂 vue 的 內建漸變動畫 <Transition>

今天統整一下學習 vue 的 Transition,會遇到的名詞,附上2個範例 掛上&lt;Transition&gt;後 vue 可以監聽底下的元素,當元素隱...

2022-10-07 ‧ 由 YUAN 分享
DAY 24

第二十四天 略懂 vue3 新出的 <Teleport> ,將元素往外傳送

簡介 &lt;Teleport&gt;是 vue3 才出的,可以將元素傳送到指定元素,主要是希望解決 CSS 問題(例如: 用到 transform 會讓 po...

2022-10-08 ‧ 由 YUAN 分享
DAY 25

第二十五天 略懂 vue 的 <slot>

昨天我們認識了 vue 的 &lt;teleport&gt; 是由內往外傳送 今天我們來略懂傳來傳去的 slot官方文件 在閱讀前要先了解是目的是&quot;傳...

2022-10-09 ‧ 由 YUAN 分享
DAY 26

第二十六 pure-admin-thin 的主題設定

以下是 pure-admin-thin v3.5.0 更改主題設定 如果想新增主題色要怎麼做呢? 作者文章:https://pure-admin-doc....

2022-10-10 ‧ 由 YUAN 分享
DAY 27

第二十七天 pure-admin-thin 前端寫假資料 | vite-plugin-mock

作者在pure-admin-thin使用了vite-plugin-mock這個套件:https://github.com/vbenjs/vite-plugin-...

2022-10-11 ‧ 由 YUAN 分享
DAY 28

第二十八天 CSS 名詞大亂鬥

剛學網頁的開發者: 隨著 Node.js &amp; 2010年的 npm 出現,各種工具遍地開花! 今天來盤點一下 CSS 相關名詞 CSS Sass S...

2022-10-12 ‧ 由 YUAN 分享
DAY 29

第二十九天 替 pure-admin-thin 加入圓餅圖 | echarts

成果如下: 作者幫我們封裝了一層,好處是黑夜主題也能正常變色 有用到 elment-plus 的骨骼動畫 dark mode: 範例檔參考 作者 vue...

2022-10-13 ‧ 由 YUAN 分享
DAY 30

第三十天 用js抓取鐵人賽三十天的文章標題&連結

時間過得很快 30 天一下就過了,明天假日再來寫感想~ 今天來一支程式只要有瀏覽器就能幾秒內把文章標題&amp;連結 印出markdown語法! 程式碼 con...

2022-10-14 ‧ 由 YUAN 分享