项目经历-堂食外送点餐 2022年2月-2022年5月
项目描述:该平台提供外送订餐服务,用户可以在手机中轻松地浏览菜品、下单、支付、编辑地址、填写个人信息等,我主要负责首页、订单、我的这3个功能/模块。
技术栈:Amfe-flexible+Axios+Core-js+Less+Less-loader+Mockjs+Postcss-pxtorem+Vant+Vue+Vue-router+Vuex
项目职责:
1、使用vue/cli搭建项目,配合Vant组件库完成相关页面布局和需求。
2、使用组件化和模块化的开发模式并使用vue框架来构建项目,如首页、购物、订单、我的。
3、使用 PostCSS 和 amfe-flexible 可以实现弹性布局和 rem 单位的转换,进行移动端适配。
4、使用isAuth属性控制路由权限并使用import函数懒加载路由,提高性能。
5、使用客户端的localstorage缓存用户信息和登录信息,提高性能。
6、抽离公共组件,如Empty.vue、Footer.vue、Header.vue、ListItem.vue等。
7、完成axios的二次封装,便于获取axios请求的配置信息。
8、注重用户体验:采用 webpack 打包提前缓存图片、图标等静态资源,使用下拉刷新和滚动动
画,采用响应式布局,不同设备有良好的视觉效果。
9、设置拦截器,统一获取响应成功数据并失败的请求和响应并做出提示。