项目描述:该项目为康博嘉医疗机构官网,提供了该公司的简介与经营理念,用于宣传和提供服务方案
主要技术:vue+vue-cli+elementui+axios+vue-router
个人职责:
1.使用vue-cli搭建项目环境
2.使用vue-router搭建路由,实现单页面之间的切换以及导航守卫的权限认证
3.与后端人员对接接口,交互页面的动态数据
4.对项目进行性能优化,比如:代码优化,用户体验优化等
项目难点:
大规模数据展示造成页面卡顿,部分动画掉帧严重
解决方案:
1.使用函数节流防抖,控制分页请求,避免短时间内进行多次分页请求,保证发送一定数量的请求
2.节点优化,避免过多无用的节点,尽量减少图片的质量,进行图片懒加载
3.避免回流和重绘,可以多使用transform或者opacity来实现动画效果
4.利用GPU加速,可以使用opacity,translate等
点击空白处退出提示









评论