后臺管理系統(tǒng)通用架構(gòu)，開箱即用！ 項(xiàng)目github[https://github.com/wudengyao/admin_vue3_vite] 項(xiàng)目技術(shù)棧：Vue3 + Ja...
發(fā)簡信
IP屬地：浙江
-
后臺管理系統(tǒng)通用架構(gòu)，開箱即用！
-
Vite從入門到精通（五）glob import使用場景：例如我們的項(xiàng)目中的 api接口是分模塊的，用戶相關(guān)的API接口封裝在 user.js里，權(quán)限相關(guān)的API接口封裝在 auth.js里，系統(tǒng)相關(guān)的API接口封裝在即 ...
-
Vite從入門到精通（四）環(huán)境變量與模式環(huán)境變量是我們前端工程中很常見的一個(gè)配置，例如我們想在development（開發(fā)）模式或者production（生產(chǎn)）模式下，根據(jù)不同的環(huán)境變量的配置，運(yùn)行不同的代碼、不同...
-
Vite從入門到精通（三）Vite中CSS解決方案目的：在Vite構(gòu)建的項(xiàng)目中，如何使用普通CSS和CSS預(yù)處理器 1、普通CSS的使用 我們在項(xiàng)目的src目錄下新建一個(gè)styles文件夾，在styles文件夾里新建兩個(gè)cs...
-
Vite從入門到精通（二）Vite構(gòu)建Vue3項(xiàng)目Vite是伴隨著Vue3正式版一起發(fā)布的，最開始Vite 1.0的版本是為Vue3服務(wù)的，并不是跨框架的。之后半年時(shí)間左右，出現(xiàn)了Vite 2.0版本，Vite 2.0真正脫...
-
Vite從入門到精通（一）開篇介紹一、Vite簡介 Vite作為新一代的前端構(gòu)建工具，擁有以下幾個(gè)特點(diǎn)： 開發(fā)時(shí)效率極高 開箱即用，功能完善 社區(qū)豐富，兼容rollup 開發(fā)時(shí)超高速的熱重載，速度穩(wěn)定 預(yù)設(shè)應(yīng)...
-
Vue3寫一個(gè)后臺管理系統(tǒng)（8）動(dòng)態(tài)面包屑的實(shí)現(xiàn)
功能描述：動(dòng)態(tài)面包屑，顧名思義就是根據(jù)當(dāng)前的 路由url 自動(dòng)生成面包屑導(dǎo)航菜單，無論之后路徑發(fā)生了什么變化，動(dòng)態(tài)面包屑 都會正確的進(jìn)行計(jì)算 實(shí)現(xiàn)過程中，我們將會分成三大步來...
-
Vue3寫一個(gè)后臺管理系統(tǒng)（7）左側(cè)菜單伸縮功能實(shí)現(xiàn)
其實(shí)這個(gè)應(yīng)該接在動(dòng)態(tài)表單Vue3寫一個(gè)后臺管理系統(tǒng)（4）RBAC權(quán)限受控體系的實(shí)現(xiàn)[http://m.itdecent.cn/p/b14a92981cb7]的下一節(jié)講的...
-
Vue3寫一個(gè)后臺管理系統(tǒng)（6）導(dǎo)航欄標(biāo)簽頁的實(shí)現(xiàn)
先看看最終的效果吧，這樣更有助于后面代碼邏輯的實(shí)現(xiàn)。 布局實(shí)現(xiàn)效果分析 我們看第一張圖片，可以分析得出 整個(gè)導(dǎo)航標(biāo)簽組件（我們最終會封裝成一個(gè)組件，便于后期其他項(xiàng)目的移植使用...
-
Vue3寫一個(gè)后臺管理系統(tǒng)（5）富文本編輯器處理方案編輯庫選擇標(biāo)準(zhǔn) 對于現(xiàn)在的前端編輯庫富文本而言，如果僅從功能上來去看的話，那么其實(shí)都是相差無幾的。隨便從 github 中挑選編輯庫，只要 star 在 10K（保守些） 以...
-
Vue3寫一個(gè)后臺管理系統(tǒng)（4）RBAC權(quán)限受控體系的實(shí)現(xiàn)一、RBAC 權(quán)限控制體系 要實(shí)現(xiàn)動(dòng)態(tài)Menu，我們需要先來統(tǒng)一一下認(rèn)知，明確項(xiàng)目中的權(quán)限控制系統(tǒng)。網(wǎng)上找了張圖，我們可以大致的看下 從圖中，我們可以簡單的這樣理解RBAC ...
-
Vue3寫一個(gè)后臺管理系統(tǒng)（3）通用后臺登錄方案解析在 views 中 login 文件夾，創(chuàng)建 index.vue 文件，書寫登錄界面， 都是一些基本的UI操作，我下邊直接粘貼出代碼， 在 router/index.js 中...
-
Vue3寫一個(gè)后臺管理系統(tǒng)（2）創(chuàng)建項(xiàng)目使用 vue-cli 創(chuàng)建一個(gè)Vue3項(xiàng)目 首先你看下你電腦上vue-cli腳手架的版本 vue-cli版本保證在4.5.13及其以上就行，如果你需要升級版本，那么可以通過以...
-
Vue3寫一個(gè)后臺管理系統(tǒng)（1）開篇介紹
一、后臺管理系統(tǒng)的普遍性 對于后臺系統(tǒng)而言，相信只要是前端開發(fā)的工程師，那么就不陌生了。根據(jù)網(wǎng)上有效數(shù)據(jù)統(tǒng)計(jì)和本人的工作經(jīng)驗(yàn)，在 初、中級的前端開發(fā)者中，日常的工作主要內(nèi)容，...
-
引入 的behavior ，就相當(dāng)于，你的js的擴(kuò)展包，方法和屬性都可以直接使用，生命周期方法也會走，這樣是否1清楚，要舉一反三呀，
小程序里的自定義組件（六）：behaviors：組件間代碼復(fù)用
問題：現(xiàn)在我們有三個(gè)組件：組件a，組件b，組件c，這三個(gè)組件里有一些相同的properties、data、methods甚至生命周期相同的處理，比如在生命周期attached...
-
把 winner改成 winnerList: [2,2,3,6,5]就行了，獲獎(jiǎng)的時(shí)候element.classList.add(this.getAnimationClass(this.winnerList[index], index))
Vue<幸運(yùn)抽獎(jiǎng)-老虎機(jī)??>
沒用canvas！沒用canvas！沒用canvas！你沒聽錯(cuò)，這里只要你css+html學(xué)的好，簡單的 animation 動(dòng)畫，教你做老虎機(jī)！下面我將分幾個(gè)步驟，告訴大家...
-
-
Vue<幸運(yùn)抽獎(jiǎng)-大轉(zhuǎn)盤>大轉(zhuǎn)盤啊，大轉(zhuǎn)盤。看了好多代碼，很多都是通過canvas實(shí)現(xiàn)的，也有別的是通過計(jì)時(shí)器實(shí)現(xiàn)的，但是無非js代碼多的一批，還看不懂。 沒用canvas！沒用canvas！沒用ca...
