技术架构: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.对请求返回的后端数据进行兼容处理, 防止后端返回错误数据而导致的页面渲染出错

技术架构:*原生小程序 项目介绍: 建工猫小程序是一款集建筑资质监测，咨询提升建工资质，提供建工服务为一体的建工类服务应用。可以分享、咨询、生成 海报等。 个人职责: 1.负责小程序的开发, 自测以及维护工作 2.以迭代形式根据产品需求完善项目产品 3.配合后端完成接口联调测试 使用技术: 1.调用 wx.login()获取 code与调用wx.getUserProfile()获取encryptedData数据包和iv等信息配合后端人员一起实现 *授权登录以及获取用户信息 2.使用*小程序button的open-type="getPhoneNumber" 和wx.login()获取 code和数据包等信息通过接口发送至 后端获取用户*号信息 3.使用原生 js 的 Object.defineProperty()set,get 对数据进行监听 4.通过调用 wx.getSystemInfo()来获取型号判断是否添加安全距离 5.使用 wx.setStorageSync()储存数据，wx.getStorageSync()获取数据保存用户信息以及登录状态 6.封装用 wx.request()+Promise 基础的 get, post 请求方法，设置请求体，带上 token 和异常处理等 7.开发时进行用户行为预测，以减少默认 data 的大小，组件化开发等方案提高*小程序的应用速度 8.使用*小程序原生钩子函数 onReachBottom 进行分页处理

技术架构:nuxt+vux+axios+element-ui+scss 项目介绍: 大湾区职训网为在线网校培训平台。平台分两个模式，一个是学员端，学员通过购买课程学习;一个是企业端，企业端可以 帮企业下的所有学员开通课程学习，同时在企业中心查看所有学员学习进度。用户可以分享、查看学习进度，进度满了可以在个 人中心页下载电子证书。 个人职责: 1.前端团队合作完成前端部分。通过原型及设计完成功能开发 2.与产品、后台开发团队保持良好沟通, 能快速理解、消化各方需求, 并落实为具体的开发工作 3.自测以及维护和迭代使项目产品更完善 使用技术: 1.使用 vuex+localStorage 保存用户信息以及登录状态 2.通过路由守卫进行权限拦截、跳转、传参使用路由懒加载优化性能 3.使用 Vue.extend 实现登录过期弹窗以及人脸识别防挂机弹窗 4.利用 Axios+Promise 实现请求封装拦截，使用 qs 将请求参数序列化。请求前拦截统一添加后端需要的数据在头 部(如 token)，请求返回拦截，根据状态码做跳转或弹出提示 5.通过 Promise.all 方法实现同时发送多个请求, 实现页面数据的统一处理 6.对请求返回的后端数据进行兼容处理, 防止后端返回错误数据而导致的页面渲染出错