前言
通過將進一個月的時間！已經把部落格使用Vue 3重構！完成了部落格的重構及導航欄、全域性提示、通知提醒框、空狀態、無限滾動、按鈕、頭像、回到頂部、評論、音樂播放器、分頁器、滑動條、Markdown預覽、圖片。其中圖片樣式來自Element,音樂播放器樣式來自APlayer.其餘的元件樣式來自Ant Design of Vue。
也因為如此！本次前臺打包後大小從1.3M降到0.9M左右。去除了註冊，登入，使用者資訊功能！採用第三方登入！採用更簡潔的設計！統一的設計風格
本次重構分為兩個部分
一：編寫部落格前臺所需的功能元件
二：重新設計部落格前臺及功能
網站首頁：www.yunmobai.cn/
Vue3前端原始碼：gitee.com/baymaxsjj/by-vue3-blog
Vue3UI元件原始碼：gitee.com/baymaxsjj/by-vue3-ui
Vue2前端原始碼：gitee.com/baymaxsjj/by-vue-blog
重構演示
|
|
|
|
|
|
總結
通過這一個月的重構！也對Vue 3有了初步的瞭解！本次的重構中由於去除了Element 所以大部分時間花費在編寫元件上！在重構上也就花費了一個星期左右！去除了部分功能！主要因為我感覺部落格應該回歸到部落格本身！沒事寫寫文章！至於登入啥功能沒啥用！也有風險！所以採用第三方登入的方式！對於這次部落格其實學到了很多的知識！本來也想寫幾篇編寫元件總結性文章！奈何天氣太冷凍手！所以直接上了這篇文章！對於接下來的學習現在要回歸到我的學習中，接下來會學習C語言和高數吧！Vue也就空空在摸摸吧！我也知道程式碼這玩意要經常寫！要不然會忘！但是現階段要做我該做的事！畢竟也玩成了部落格重構，好多事也放下了！接下來回歸書本學習啦！！！！！部落格原始碼想看的自己看吧！我就不寫了！畢竟程式設計就是一個自主學習的過程，任何事也一樣！只有自己去琢磨才能懂！加油了螢幕前面的你！
本作品採用《CC 協議》，轉載必須註明作者和本文連結