该系统使用 Vue2 + Vue Router + Vuex + axios 实现,后台使用 element 组件库搭建。
系统包含了首页、文章、关于我、项目效果和留言板等模块。
1. 项目使用 vue-cli 搭建,Vuex 创建数据仓库,实现全局配置的共享数据按需使用。
2. 使用路由切换组件,页面组件作为异步组件,且组件加载时使用 nprogress 库实现加载进度条。
3. 使用事件总线实现不同组件模块之间的通信。
4. 使用自定义指令,常用的效果如 loading、图片懒加载。
5. 使用混合提取重复代码,比如主区域的滚动事件。
6. 封装通用的 js 功能模块,比如评论和留言板发布内容成功或失败后的弹出提示、日期格式化函数、
函数防抖等。