前端工程师-王凡
拥有多年前端开发经验,熟悉现代 Web 前端应用开发,对 JavaScript 生态系统、主流 Web 前端框架以及跨端应用开发有深入理解,能够快速适应不同技术栈与业务场景。具备强大的问题解决能力和出色的跨团队协作经验,擅长架构设计、性能优化与复杂功能落地。
- 深入理解代码性能影响和可扩展性,能够设计并实现高效、稳定、可扩展的解决方案
- 具备卓越的技术好奇心和自驱力,善于探索和学习新技术
- 注重代码质量,热衷于编写有意义的单元测试和集成测试,保持高测试覆盖率
- 积极维护个人技术博客,并创建多个受欢迎的开源项目,如 Raycast Quick Search 和 Chore-CLI
联系方式
微信:iwfan9
手机号码:18502960326
邮箱地址:iwfan@duck.com
个人网站:https://iwfan.site
技术技能
- 框架: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)
工作经历
Web3交易所
前端工程师 | 2024 年 9 月 ~ 2026 年 4 月
-
Dex Wallet App
项目简述:面向多链交易场景的移动端 Dex 应用,聚合多个合约平台的交易能力,为用户提供统一的链上交易入口。
项目职责:
- 独立负责合约功能模块的方案设计与研发落地,完成核心交易流程在 Flutter 客户端中的实现
- 推动 App 集成多个合约平台的交易能力,打通不同平台下单、交易与结果反馈等关键流程
- 持续完善移动端交易交互和异常处理机制,提升复杂链上场景下的稳定性与使用体验
技术栈:Flutter / Dart / Go Router / Riverpod / dio
-
Telegram Wallet Mini App
项目简述:面向 Telegram 生态用户的钱包应用,围绕链上资产管理与 Dex 交易场景提供轻量、流畅的移动端 Web 使用体验。
项目职责:
- 负责钱包应用前端核心功能的设计与开发,围绕 Telegram 场景优化页面交互与首屏体验
- 参与链上交易相关流程的实现,推动钱包能力与 Dex 交易场景的集成,提升用户在应用内完成交易操作的便捷性
- 持续优化 React + Next.js 项目的工程结构与可维护性,支撑产品的快速迭代交付
技术栈:React / Next.js / TypeScript / Telegram WebApp
西安数据如金信息科技有限公司
高级前端开发工程师 | 2021 年 6 月 ~ 2024 年 8 月
-
项目简述:基于大语言模型的智能在线考试 SaaS 产品,能自动生成和编排考题。
项目职责:
- 作为核心开发者深度参与产品从 0 到 1 的全流程开发
- 负责动态考题切换、考试证书管理等关键功能模块的设计与实现
- 优化考试后成绩单展示的编辑体验,接入了红包、大转盘等相关插件的支持
技术栈:Lite-LLM / React / Next.js 14 / Redux / Glide data grid
-
项目简述:基于 No-Code 技术打造的一站式业务平台,整合分散表单功能,并加入用户分组、权限分配等企业级功能,帮助用户制作完整的业务系统。
项目职责:
- 担任技术负责人,主导产品的技术选型、架构设计和迭代交付
- 开发了灵活的权限管理系统,支持细粒度的功能和数据权限控制
- 指导团队采用 Feature-Sliced Design 方法论,提高代码可维护性
技术栈:React / Redux / React-Query / GraphQL / Vitest / React Testing Library
-
项目简述:重写编辑器和数据页面,完成与 Ruby on Rails 的前后端分离,提升用户使用体验。
项目职责:
- 设计并实现了 FieldModel / FormModel 表单字段状态管理模型和 FieldView 字段渲染模型。提高代码复用性和可维护性并且提升了 30% 的网页的打开速度,而且成为了金数据表单字段管理的最佳实践。
- 作为技术负责人管理数据页面改版中的交付工作,以及指导其他团队成员的日常开发工作
- 负责前端基础设计的维护和升级工作,如: Webpack、AntD 、GraphQL 等
技术栈:React / Webpack / Redux / GraphQL / AG-Grid
ThoughtWorks
前端开发工程师 | 2019 年 3 月 ~ 2021 年 6 月
-
某头部云厂商微前端改造
项目简述:使用微前端理念帮助客户改造现有的多个巨石应用,帮助客户从巨石应用中拆分了 20+子应用,通过独立开发与独立部署的特性帮助客服提升研发与交付效率。通过自研蜻蜓框架帮助客户实现了多个业务线前端项目统一规范化,减少客户的开发维护成本。
项目职责:
- 独立编写微前端框架的核心功能,包括应用注册加载、应用样式隔离、跨应用的通信、全局数据共享
- 制定《子应用拆分方案》帮助客户做现有巨石应用的拆分工作,梳理详细的拆分流程与标准,指导其他业务线进行改造
- 编写蜻蜓框架中业务功能覆盖更新和框架自动更新等核心功能
技术栈:Single-Spa / html-import-entry / Angular / TypeScript / Monorepo / Qiankun
-
某头部云厂商 Widget SDK 研发
项目简述:研发与 Azure 平台中类似的插件化生态系统,丰富客户方自身 DevOps 平台的生态。
项目职责:
- 负责设计 SDK 中 Widget 跨 iframe 通信的核心方案
- 独立完成了插件 SDK 的核心功能,包括:跨 iframe 通信,jsonrpc 通信数据格式,双端方法调用等
- 负责 Dev-Connector-SDK 项目的构建、测试、发布和 API 文档
技术栈:TypeScript / Jest / Cypress / Angular
北京国基科技股份有限公司
Java 工程师 | 2016 年 6 月 ~ 2019 年 3 月
-
GiNMS 项目
项目简述:集设备发现、管理和网络监测等功能于一体的综合性网络管理平台。
项目职责:
- 独立负责 GiNMS 项目中的设备管理功能交付工作
- 主导引入了 Vue + iView 作为前端开发的框架,将 JSP 模块迭代为 Vue 组件,完成前后端分离。搭建了基于 VuePress 的文档应用,提高了 50% 以上的开发效率
- 负责开发与维护多个类库的工作,期间使用 ES6 重构了多个类库,并引入 ESLint + Prettier 进行代码风格的检查
技术栈:Vue / iView / RequireJS / Webpack / Java / Spring / MySQL
开源项目及作品
-
思辨录
描述:一部关于思维谬误与认知偏见的在线志书,帮助用户识破逻辑谬误与认知偏见,培养批判性思考能力。
-
Raycast Quick Search
描述:Raycast 扩展,支持使用全局快捷键通过 Google、Github 或 DeepL 快速搜索选定文本或剪贴板内容
成就:获得 Raycast 官方推荐,在 Raycast 商店获得 3K+ 安装量 -
Chore-Cli
描述:使用 TypeScript + Node.js 编写的自动生成前端骨架及基础设施的 CLI 工具
成就:收录于 科技爱好者周刊,在 GitHub 获得 100+ 星标
教育经历
太原大学 | 计算机工程系 | 应用电子技术 | 2013 年 9 月 ~ 2016 年 6 月
联系方式
微信:iwfan9
手机号码:18502960326
邮箱地址:iwfan@duck.com
个人网站:https://iwfan.site