技术架构:Vue 全家桶+axios+iView-ui+scss 项目介绍:
涯礼学堂是一款 K12 教育视频学习 pc 端平台，有小学到高中课程的学习视频。用户可在观看视频时做笔记，并在用户中心
查看学习进度，且可以收藏视频。
个人职责:
1.独立完成前端开发部分，1 比 1 高保真还原设计稿
2.与产品、后台开发人员保持良好沟通, 能快速理解、消化各方需求, 并落实为具体的开发工作 3.了解服务器端的相关工作, 在交互体验、产品设计等方面有自己的见解 4.自测以及维护和迭代使项目产品更完善
使用技术:
1.使用 vue-cli 搭建项目，复用功能以组件形式封装，提高代码的复用性
2.采用 vue-video-player 插件播放视频调用其 timeupdate 实时监听播放进度。每 10 秒向服务端发送一次记录 3.采用按需导入, 减少不必要引入的第三方包的体积大小
4.使用 vuex+localStorage 保存用户信息以及登录状态
5.通过 vue-router 实现页面的跳转,通过路由守卫进行权限拦截、跳转、传参使用路由懒加载优化性能
6.使用 Vue-lazyload 来优化图片过多的页面实现图片的按需加载, 以减少 http 的请求次数
7.利用 Axios+Promise 实现请求封装拦截，使用 qs 将请求参数序列化。请求前拦截统一添加后端需要的数据在头部(如 token)，请求返回拦截，根据状态码做跳转或弹出提示
8.通过 Promise.all 方法实现同时发送多个请求, 实现页面数据的统一处理
9.对请求返回的后端数据进行兼容处理, 防止后端返回错误数据而导致的页面渲染出错