项目名称：建工猫小程序 (微信小程序)
项目时间：2021.08-2022.03
技术架构：微信原生小程序
项目介绍：
建工猫小程序是一款集建筑资质监测，咨询提升建工资质，提供建工服务为一体的建工类服务应用。可以
分享、咨询、生成海报等。
个人职责：
1．负责小程序的开发, 自测以及维护工作
2．以迭代形式根据产品需求完善项目产品
3．根据 UI 设计通过蓝湖 1 比 1 高保真还原设计稿
4．根据业务需求进行功能设计并实现技术解决方案
5．配合后端完成接口联调测试
使用技术：
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 进行分页处理
项目名称：大湾区职训网在线教育培训 saas 平台 (PC)
项目时间：2022.03-2023.08（迭代开发）
技术架构：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．对请求返回的后端数据进行兼容处理, 防止后端返回错误数据而导致的页面渲染出错
项目名称：优途作业系统教师端 (PC)
项目时间：2020.10-2021.02
技术架构：Vue 全家桶+axios+px2+element-ui+scss
项目介绍：
作业系统是一款教师后台管理系统，可查看学生学情数据、可自己编辑习题布置作业给到学生端、可布置
优途学习平台作 业视频、可查看学生作业情况、批改作业等功能
个人职责：
1．独立负责项目前端开发，以迭代形式完善项目功能
2．快速理解产品需求会议内容，细化需求高效快速的开发功能
3．根据 UI 设计稿还原页面，根据产品需求改善用户体验
4．与后端人员一起协作，联调测试接口保证页面数据的正确性
使用技术：
1．使用 vue-cli 搭建项目，并实现对设计稿的高保真还原
2．使用 px2+lib-flexible 实现页面自适应
1．采用按需导入, 减少不必要引入的第三方包的体积大小
3．使用 echarts 图表展示可视化数据
4．使用 VueRouter 中的 router.addRoute()方法，动态添加路由, 解决根据不同用户的菜单权限得到二
级菜单不同的页面展示效果
5．把请求返回的用户相关信息储存到 vuex 的 state 中, 采用单向数据流修改 state 中的数据
6．封装 axios 基础的 get, post 和 put, upload 等请求方法，设置请求体，带上 token 和异常处理等
