技術標籤：前端vuejsvue

personal-blog

基於Vue.js實現的個人部落格前端專案

Github

個人部落格前端專案

技術

• vue框架
• 使用vue-router進行路由管理
• 使用vuex進行狀態管理
• 使用 postcss-px-to-viewport 適配移動端佈局，px自動轉換vw
• 使用axios進行ajax請求
• 使用element-ui的部分元件
• 使用mavon-editor編輯器來書寫markdown格式的部落格

個人部落格網址

個人部落格網址

功能

• 登入註冊功能
• 發表部落格
• 收藏部落格
• 搜尋部落格
• 按分類或標籤檢視部落格
• 修改個人資訊
• 發表留言

執行

# 安裝依賴
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
 

待優化

由於採用了絕對定位，存在不同型號客戶端的適配問題

效能

• PageSpeed Insights：PC端得分91，可通過預載入關鍵請求、快取靜態資源來進一步提高網頁載入速度
• k6效能測試：平均響應時間為448ms，平均請求速率11個請求/秒

轉載請註明出處，謝謝！