项目名称: ota招募(h5项目)
技术架构: Vue3+colorUi+VueRouter+ Axios + pinia + ts
项目介绍: 给想优先体验新功能和服务的用户提供内测版本, 以用户的需求和标准作为产品的改进方向,收集用户反馈, 并及时修改,提高用户体验
个人职责:
1. 根据需求和设计稿进行代码编写及页面的布局
2. 主要负责整个项目的升级开发及维护
3. 独立搭建符合规范的项目脚手架,包括eslint pritter stylelint husky等
4. 负责页面交互 , 实现页面之间的跳转
5. 负责手机和平板的页面适配
6.主要负责活动介绍, 参与攻略, 常见问题, 活动详情, 更新日志, 预约申请信息等页面的实现
技术要点:
1.使用Vue+colorUi框架实现基本的页面布局 , 使用vue-router 实现页面的跳转
2.通过window.orientation判断设备横竖屏来适配对应的页面
3.通过获取客户端的参数判断设备类型(手机,平板)实现页面的适配
4.封装axios,通过request拦截器在每个请求头里面携带token,创建response拦截器统一处理后端返回 的状态码
5.引入i18n实现多语言之间的切换
6.引入暗黑模式实现页面暗色与亮色之间的切换
7.使用Ts进行类型约束
8.在尝鲜申请页面获取招募活动数据,使用pinia存储接口返回的数据,在活动介绍界面获取pinia中数据
项目名称: 盘古门户(后台管理)
技术架构:React+AntDesign+ react-redux+ axios
项目介绍:是一款后台管理系统,主要包含用户管理 ,角色管理 , 菜单管理 , 文件上传 , 操作日志,流量控制等模块
个人职责:
1.根据产品需求和设计稿确定使用前端的技术,实现后台系统的整体布局
2.负责用户管理 , 角色管理 , 菜单管理 , 文件上传 , 操作日志 等模块的代码编写及页面的实现
3.负责页面交互效果 , 完成页面跳转等逻辑
4.使用git进行模块的提交与合并
技术要点:
1.封装axios,支持请求拦截,响应拦截,超时等功能
2.为了减少请求,搜索时使用防抖优化
3.封装组件, 利于后期的维护与复用
4.用户登录时进行权限的判断,动态生成对应权限的路径
5.模块化react-redux和异步的解决方案redux-thunk及其高级封装