项目名称:建工猫小程序 (微信小程序)
项目时间: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 和异常处理等