项目一：国际CRM系统
项目描述：本项目是一个面向集团内全球一线营销、服务人员及代理商、大客户的移动端crm管理系统，主要包括客户、线索、商机、订单、服务、设备档案等功能模块
项目技术栈：React 全家桶 + TS + Webpack + Ant Design
项目职责：
1.搭建项目框架，完成基础设施建设，配置统一代码风格，制定代码规范、提交规范
2.搭建和开发基于 React+Ant Design 的前端页面，封装可插拔式业务组件，提高开发效率及复用性
3.构建 TS 依赖的类,接口等静态类型,规范代码类型安全
4.负责项目国际化建设，编写js脚本，将csv文件自动编译成9国语言的json文件，降低人工维护语言成本
5.结合 Hooks 编写业务逻辑，增强代码语义化，减少逻辑复用，封装 KeepAlive 组件实现组件缓存
6.基于 Antd 二次封装动态表单，与后台交互，根据模板条件，渲染动态表单，支持多条不同组合条件的联合查询
7.实现组件化开发，项目中多次使用到的功能封装成组件，如组织树、弹窗组件、级联选择器组件等
项目优化：
1.使用防抖函数降低获取频繁，解决搜索栏输入匹配时的查询内容显示延时问题
2.实现一个方法，通过反向继承的方式，对所有的ReactComponent进行一些性能数据的收集以及分析
3.为了排查和定位页面加载慢，冷启动时间超过 5s 的问题，基于 Aegis SDK 实现日志上报腾讯云排查出资源加载耗时，通过拆包和去掉非必需的包的方式进行优化，最终优化到 2s 内

项目二：国际数据大屏项目
项目描述：国际大屏项目涵盖经营单位、经营总览、大区概览等等全方位业务角度画像。实现国际营销与风控数据、大区评估、代理商评估数据等可视化的实现，为公司决策层提供全球视角与数据支持
项目技术栈：Vue + Vue-Router + Vuex + Echarts + Element-Ui 等
项目职责：
1. 搭建项目框架，完成基础设施建设，配置统一代码风格，制定代码规范、提交规范，完成页面组件开发
2. 利用代码压缩、开启gzip、压缩图片、接口缓存，针对各个页面制作骨架屏等手段，对项目优化
3. 对不同尺寸设备大屏进行优化，根据获取窗口大小使其主体部分严格按照1920*1080的大小进行等比例渲染
4. 因前后端Echarts数据格式选择不同而引发的隐性问题(准确性、可读性、可控性)，选择最佳数据格式，降低了前后端沟通和试错成本，并对Echarts二次封装，提高了开发效率
大批量数据请求优化：针对请求过程中，请求超时、页面假死现象、响应异常、爆炸式信息提示等问题，提供整套优化用户体验的技术和产品方案，其中，API请求成功率提高了99.9%

项目三：小猫金服小程序
项目描述：该小程序为客户提供全国最新的法拍房信息，主要功能有首页模块、搜索模块、详情模块、个人中心等
项目技术栈：uniapp + Vant 等
项目职责：
1.从零到一搭建框架，基于axios二次封装，统一处理请求和响应
2.通过封装自定义 tabBar导航栏组件，实现不同角色登录显示不同的 tabBar 导航栏
3.优化 Webpack 打包时间过长、包体积过大、几余依赖包过多的问题，利用按需加载、提取公共代码、代码压缩的方法处理，从 10s 优化到 4s，效率提升了 80%
通过分包加载，压缩图片，按需导入 UI 组件，解决小程序超过 2M 限制