技术能力

1.项目经验丰富，深入理解React、Vue并有长期实践，设计开发多个中大型项目；
2.拥有多端小程序原生开发的能力，主导并参与Taro、uni-app多个小程序项目的开发；
3.熟悉前端工程化，基于Node+Webpack从0到1设计和开发前端脚手架，基于Rollup开发工具库；
4.对前端性能和安全有一定的认知，推动公司内部Npm私库、Sentry监控系统的落地；
5.有实际团队管理经验，执行能力强，注重前端标准化，在部门内部推动TypeScript和Eslint标准的落地；

项目经验

2022-5 ~ 2022-8 【某出行公司】前端脚手架（qzh-cli）
项目描述： qzh-cli是一个急速零配置开箱即用的自动化构建脚手架，用于构建和管理Jquery/Vue/React技术栈的项目应用，为了解决旧脚手架支持框架老旧和工程混乱的问题。
项目职责：
1.设计脚手架整体架构，基于Node以及常用npm依赖包搭建前端脚手架；
2.开发core、init核心子功能：执行命令前的环境校验、克隆模版，通过ewps.config.js文件实现项目定制化编译；
3.开发service子功能，通过webpack5+集成各种常用工具（Babel、Sass、eslint和sentry等）扩展构建功能；
4.开发publish子功能，通过egg.js搭建后台服务，管理git flow，通过webSocket实现自动化构建、发布上线功能；
项目成果：统一开发规范和技术栈，减少配置新项目的时间，集成eslint、cssliint管控成员的开发规范，极大的提高前端团队的开发效率和代码开发质量。



2021-8 ~ 2021-9 【某出行公司】前端工具库（qzh-lib）
项目描述：qzh-lib是款适配前端新项目的前端工具库，集成了公司常用的工具类方法，并且集成到脚手架模版当中，旨在提高了前端团队的开发效率，减少维护代码的成本。
项目职责：
1.设计lib库的整体架构，通过rollup框架进行打包编译；
2.二次开发axios，集成前端公用参数、sig签名、错误状态提示以及AES加解密等功能；
3.开发bridge、手机号脱敏、浏览器环境判断、生成udid以及微信相关api二次封装等公用方法；
项目成果：维护代码的成本明显下降，团队对现代化工具库的设计和应用有了更为深刻的认识，为后续项目的开发提供了很大的帮助。


2021-03 ~ 2021-04 【某出行公司】Taro统一多端小程序
项目描述：该项目主要为了解决多端小程序同APP端的需求需要重复开发多次的问题。主要通过Taro+React+TypeScript来统一微信、支付宝（高德）、百度等多端小程序开发技术栈。
项目职责：
1.负责项目前期的调研工作（包括地图交互、同层渲染、支付组件等），搭建开发框架，把控项目的整体进度和质量；
2.二次封装Taro.request，处理request参数、response数据以及请求失败的情况；
3.封装位置授权、获取进行中订单、常用的工具类方法以及Taro兼容性差的API的polyfill方法；
4.封装地图卡片、天降红包、弹出选择框以及优惠券等公共组件；
5.性能优化：减小程序主包的大小、抽离公共逻辑、缓存response、优化setData、防抖解决频繁滑动地图场景等优化；
项目成果：缩短了小程序需求50%的研发周期，节省了一半的研发成本。


2020-11 ~ 2020-12 【某出行公司】admin后台管理系统
项目描述：该项目主要基于Vue3.0+Element-ui技术来开发的后台后台管理系统。
项目职责：
1.评审业务需求，与产品和UI沟通整体风格、权限功能以及兼容旧版系统的方案，设计项目整体架构；
2.封装axios请求、开发城市组件，抽离菜单、按钮、表格和分页、搜索等公共组件；
3.开发登录用户路由拦截功能，根据用户权限动态注册路由、控制菜单和按钮展示；
4.通过iframe承载旧版php页面，使用postMessage进行父子页面通信；
5.性能优化：vue-router路由懒加载、按需引入第三方组件、及时销毁定时器、使用CDN、使用浏览器缓存、抽取公共代码等方面；
项目成果：实现用户权限控制，兼容旧版后台页面，提高后台页面的交互体验和开发效率。

团队情况