1、H5-商场购物列表
项目描述:项目为移动端的一个购物网站,类似于目前的购物App
项目职责:该项目为多人联合开发,我负责模块是商品展示列表和首页部分
项目技术:
(1)前端spa预加载首页,防止首页白屏
(2)多地多点前端项目部署,实现前端项目高可用
(3)页面下拉刷新功能,用户下拉同时自动拉取后台接口实现无缝下拉
(4)使用移动端兼容多窗口能力,实现不同手机展示的页面也是一致的
(5)使用多点请求,实现在多个后台服务中请求到最快相应的后端服务
(6)使用Jsbridge功能,实现与android端和ios端无缝衔接
2、版权管理控制台
项目描述:负责企业管理版权能力所研发的管理控制台
项目职责:负责整个项目的架构以及开发,与后台实现整个项目
项目技术:
(1)项目使用的是Vue2.x全家桶,包括Vue-router + Vuex + Vue-axios等前端项目所需的组件
(2)使用最新的m3u8格式动态播放视频功能,实现快速0缓存
(3)前端服务拆分,官网连通多个子前端项目,实现可调控、多线程的前端服务架构
(4)使用cos桶技术实现大文件的动态上传和断点续传
(5)实现在线预览pdf格式文件和docx格式文档
(6)实现单量下载文件,批量下载文件功能
3、支付系统管理控制台
项目描述:主要负责企业收款和付款汇总的saas服务
项目职责:负责前台的页面设计与开发,前端的项目部署和维护,包括后续的迭代
项目技术:
(1)使用react-hooks实现动态轮训功能,网页隔几秒拉一次账单数据实现在线更新
(2)使用cos存储桶技术实现分块上传和断点续传等功能
(3)使用正则表达式进行前端表单校验,防止前端xss攻击
(4)使用简单数据上传,实现异步图片上传和音频视频上传功能
(5)使用react-router-dom实现路由权限控制,分割路由限制用户访问权限
(6)使用echart自定义个性化图表,动态渲染可视化数据