项目描述:为用户提供生活信息在线探索平台,用户可以查看周边的美食,酒店等,以及发布点评,点赞评论等。
项目技术栈:Vue3+Vue-Router+Axios+Vant
负责内容:
1、使用Vue3最新语法糖setup,能运用Vue3新特性进行开发
2、二次封装axios库。创建实例,配置基础路径。统一管理api接口,方便日后维护
3、利用vue-router路由钩子函数实现用户登录拦截,防止用户没登录就访问个人中心页面
项目中遇到的问题以及解决方案:
1、分类页面数据较多,影响页面的渲染速度。解决方案:封装了上拉刷新加载更多数据组件
2、首页网友点评列表排序单一。解决方案:使用瀑布流的方式渲染网友点评列表
项目优化:
1、使用了vue3-Iazy插件对图片实现懒加载效果,提高页面响应速度,减轻服务器压力
2、利用keep-alive组件优化用户使用体验,利用组件过度动画增加使用的流畅性