Skip to content

个人信息

专业技能

  • 基础能力: 数据结构和算法基础扎实, 熟悉常用设计模式
  • 核心能力: 熟练使用 React 技术栈(Redux/React Router/Hooks)
  • 架构设计: 主导海报编辑器和性能采集 SDK 的架构设计
  • 性能优化: 深入浏览器原理, 熟练使用 Performance 工具, 主导性能监控平台从 0 到 1 建设, 优化首屏性能 30%+
  • 工程化: 熟练使用 Webpack/vite/rollup 构建多团队协作大型项目及 SDK 应用, 开发多套自动化工具帮助团队提效 30%+

经历

  • 兔展(2023.3-至今)

    • 主导低代码内容引擎应用研发(React)

      1. 设计与优化了低代码引擎的渲染架构, 提升系统性能和用户体验
      2. 负责渲染引擎插件设计与研发工作, 解决了 C 端应用多环境交互、多用户体系对接等问题
      3. 主导基于 ANTLR4 的 DSL 表达式引擎设计与开发, 支持业务中动态表达式解析、数据绑定等场景, 提升渲染引擎动态化解析能力
      4. 组织 编译原理 技术分享会, 通过表达式引擎实战教程提升团队技术视野
      5. 熟练掌握正则表达式技术, 高效解决了表单验证、复杂文本处理等场景中的难题
      6. 组织并主导了正则表达式技术分享会, 系统性地提升了团队的技术能力与问题解决效率, 团队在处理相关问题的效率提升了 50%
      7. 制定《生产环境问题排查手册》, 覆盖网关跨域配置、CDN 配置、应用业务配置、移动端问题排查等多个场景, 故障排查效率提升 50%
    • 主导海报编辑器研发工作(React)

      1. 主导海报编辑器架构设计, 通过分层架构解耦核心逻辑与渲染层, 支撑 3 个团队高效协作
      2. 主导渲染引擎数据驱动架构设计, 自研 Leafer-react 库实现 声明式组件化开发模式, 提升了 30% 开发工作效率
      3. 主导海报编辑器渲染引擎能力建设, 实现文字/图片/矢量图形等元素渲染, 多层级渲染优化, 支持海量元素实时编辑(FPS>=55)
      4. 攻克矢量图形编辑、撤销重做能力等编辑器难点技术
    • 负责团队工程化工作, 主导开发了多款效能提升工具, 通过丰富的工程化经验, 成功提升了团队的研发工作效率

      1. 研发 Changelog 自动生成工具, 自动化管理 10+ 核心库版本日志, 人工介入减少80%
      2. 自研可视化骨架屏生成方案, 实现 90%+ 的布局还原精度, 低码组件研发工作效率提升 30%
      3. 主导 React 组件库工程化建设, 通过 Rollup + Storybook 实现低代码组件 20% 体积优化, 沉淀 10+ 低代码组件支撑 15+ 项目交付效率提升 30%
    • 负责团队性能量化与优化工作, 从 0 到 1 搭建了性能与异常监控平台

      1. 负责性能监控平台项目规划和架构设计, 搭建性能监控平台的基础框架和核心功能模块
      2. 主导数据采集 SDK 的研发, 设计插件式可扩展架构, 实现多端性能与异常数据的采集与上报, SDK 包体积优化了 30%
      3. 熟练使用 Performance DevTools 工具排查与优化前端应用性能问题
  • 明源云(2021.4-2023.3.3)

    • 负责明源云客智能名片小程序的研发工作, 使用技术栈 Taro、Redux、Redux-Saga、Typescript、Less

      1. 开发了 API 接口文档生成工具, 根据类型自动生成 BFF 接口文档, 提升了开发效率
      2. 研发可视化数据看板(基于AntV F2), 销售转化分析效率提升40%
      3. 实现 CMS 拖拽排序功能, 优化后台管理操作路径, 管理效率提升30%
      4. 主导 BFF 鉴权中间件、鉴权组件的设计与研发工作, 提升了应用的安全性
      5. 主导房源列表/详情等核心组件开发, 沉淀标准化物料库, 支撑10+项目快速复用
      6. 组织技术分享(HTTP 协议), 输出《HTTP 网络问题速查手册》, 覆盖缓存、状态码、跨域等多个高频类型问题, 帮助团队提升 50% 的问题排查效率
  • 丰艺 ( 深圳 ) 国际文化发展有限公司(2019.10-2021.4)

    • 负责交易所 App 以及亚洲电视后台管理系统的研发工作, 技术栈为 react、react-native、react-navigation、redux、redux-thunk

      1. 主导开发币种交易, 社交模块, 众筹, 矿池等功能模块
      2. 使用 i18n 支持了 App 的多语言功能, 主导了 App 的重构工作, 将 RN 升级至 0.60 版本, 提升了项目的可维护性与研发效率
      3. 优化大文件分片上传组件, 支持断点续传与并行传输, 弱网环境上传成功率提升
      4. 图片上传、文件上传等组件的开发, 提升了业务开发效率, 抽离可复用模块, 提升了代码复用性
      5. 优化 CMS 系统首屏性能, 减少了白屏时间, 提升了启动速度, 提升了用户体验

开源项目

  • Runcode 在线执行引擎(https://github.com/xjq7/runcode)

    300 Star, 创新采用 docker 沙箱隔离技术, 支持 9 种编程语言多版本安全执行, 实现代码在线编辑、本地实时 Lint 等IDE级功能, 多位用户已私有化部署

  • LeaferJS 图形引擎生态

    • 开发 Path Editor 插件(对标 figma 形状编辑), 支持 SVG 路径可视化编辑
    • 多个可视化场景官网示例项目, 音乐律动键盘、在线画板、雪花场景、扫雷小游戏等

:name