王凡

PDF 文件 | English Version

Github | Telegram | Email

高级前端开发工程师

拥有多年前端开发经验，熟悉现代 Web 前端应用开发。对 JavaScript 生态系统和主流开源 Web 框架有深入理解，能够快速适应新技术栈。具备强大的问题解决能力和出色地跨团队协作经验，擅长架构设计和性能优化。

• 深入理解代码性能影响和可扩展性，能够设计并实现高效、稳定、可扩展的解决方案
• 具备卓越的技术好奇心和自驱力，善于探索和学习新技术
• 注重代码质量，热衷于编写有意义的单元测试和集成测试,保持高测试覆盖率
• 积极维护个人技术博客，并创建多个受欢迎的开源项目，如 Raycast Quick Search 和 Chore-CLI

技术技能

• 框架：Next.js / React / Astro / Hono / Vue / Vite / Vitest / Redux / React Query
• 测试：Jest, Vitest, Cypress, React Testing Library
• DevOps：Docker, CI/CD (Jenkins, GitLab CI, GitHub Actions)

工作经历

西安数据如金信息科技有限公司

高级前端开发工程师 | 2021 年 6 月 ~ 2024 年 8 月

• 金数据 5.0 AI 考试

  项目简述：基于大语言模型的智能在线考试 SaaS 产品,能自动生成和编排考题。

  项目职责：

  1. 作为核心开发者深度参与产品从 0 到 1 的全流程开发
  2. 负责动态考题切换、考试证书管理等关键功能模块的设计与实现
  3. 优化考试后成绩单展示的编辑体验，接入了红包、大转盘等相关插件的支持

  技术栈：Lite-LLM / React / Next.js 14 / Redux / Glide data grid

• 金数据门户

  项目简述：基于 No-Code 技术打造的一站式业务平台,整合分散表单功能,并加入用户分组、权限分配等企业级功能，帮助用户制作完整的业务系统。

  项目职责：

  1. 担任技术负责人，主导产品的技术选型、架构设计和迭代交付
  2. 开发了灵活的权限管理系统,支持细粒度的功能和数据权限控制
  3. 指导团队采用 Feature-Sliced Design 方法论，提高代码可维护性

  技术栈：React / Redux / React-Query / GraphQL  / Vitest / React-testing library

• 金数据编辑器与数据页面

  项目简述：重写编辑器和数据页面，完成与 Ruby on Rails 的前后端分离，提升用户使用体验。

  项目职责：

  1. 设计并实现了 FieldModel / FormModel 表单字段状态管理模型和 FieldView 字段渲染模型。提高代码复用性和可维护性并且提升了 30% 的网页的打开速度，而且成为了金数据表单字段管理的最佳实践。
  2. 作为技术负责人管理数据页面改版中的交付工作，以及指导其他团队成员的日常开发工作
  3. 负责前端基础设计的维护和升级工作，如： Webpack、AntD 、GraphQL 等

  技术栈：React / Webpack / Redux / GraphQL / AG-Grid

ThoughtWorks

前端开发工程师 | 2019 年 3 月 ~ 2021 年 6 月

• 某头部云厂商微前端改造

  项目简述：使用微前端理念帮助客户改造现有的多个巨石应用，帮助客户从巨石应用中拆分了 20+子应用，通过独立开发与独立部署的特性帮助客服提升研发与交付效率。通过自研蜻蜓框架帮助客户实现了多个业务线前端项目统一规范化，减少客户的开发维护成本。

  项目职责：

  1. 独立编写微前端框架的核心功能，包括应用注册加载、应用样式隔离、跨应用的通信、全局数据共享
  2. 制定《子应用拆分方案》帮助客户做现有巨石应用的拆分工作，梳理详细的拆分流程与标准，指导其他业务线进行改造
  3. 编写蜻蜓框架中业务功能覆盖更新和框架自动更新等核心功能

  技术栈：Single-Spa / html-import-entry / Angular / TypeScript / Monorepo / Qiankun

• 某头部云厂商 Widget SDK 研发

  项目简述：研发与 Azure 平台中类似的插件化生态系统，丰富客户方自身 DevOps 平台的生态。

  项目职责：

  1. 负责设计 SDK 中 Widget 跨 iframe 通信的核心方案
  2. 独立完成了插件 SDK 的核心功能，包括：跨 iframe 通信，jsonrpc 通信数据格式，双端方法调用等
  3. 负责 Dev-Connector-SDK 项目的构建、测试、发布和 API 文档

  技术栈：TypeScript / Jest / Cypress / Angular

北京国基科技股份有限公司

Java 工程师 | 2016 年 6 月 ~ 2019 年 3 月

• GiNMS 项目

  项目简述：集设备发现、管理和网络监测等功能于一体的综合性网络管理平台。

  项目职责：

  1. 独立负责 GiNMS 项目中的设备管理功能交付工作
  2. 主导引入了 Vue + iView 作为前端开发的框架，将 JSP 模块迭代为 Vue 组件, 完成前后端分离。搭建了基于 VuePress 的文档应用，提高了 50% 以上的开发效率
  3. 负责开发与维护多个类库的工作，期间使用 ES6 重构了多个类库，并引入 ESLint + Prettier 进行代码风格的检查

  技术栈： Vue / iView / RequireJS / Webpack / Java / Spring / MySQL

开源项目及作品

• Raycast Quick Search

  描述：Raycast 扩展,支持使用全局快捷键通过 Google、Github 或 DeepL 快速搜索选定文本或剪贴板内容
  成就：获得 Raycast 官方推荐，在 Raycast 商店获得 3K+ 安装量

• Chore-Cli

  描述：使用 TypeScript + Nodejs 编写的自动生成前端骨架及基础设施的 CLI 工具
  成就：收录于科技爱好者周刊，在 GitHub 获得 100+ 星标

教育经历

太原大学 | 计算机工程系 | 应用电子技术 | 2013 年 9 月 ~ 2016 年 6 月

联系方式

GitHub：https://github.com/iwfan
邮箱地址：[email protected]
个人网站：https://iwfan.site
Telegram：https://t.me/iwfan