涯礼学堂 (PC)

我要开发同款
X谢先生2022年10月13日
270阅读
所属分类PC网站

作品详情

技术架构: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.对请求返回的后端数据进行兼容处理, 防止后端返回错误数据而导致的页面渲染出错
查看全文
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论