1 / 10
WB
王 彬
Frontend Lead · 前端研发组长
12
年从业经验
8
人技术团队
12
个开源库
50+
核心项目
Vue3 专家 数据可视化 AI 应用开发 组件库设计 开源贡献者 全端开发

About Me

个人简介

12年前端研发经验,现任 前端研发组长 ,带领 8人技术团队 直接向研发总监汇报。精通 Vue3 生态 与工程化体系,主导企业级组件库、数据可视化平台、低代码平台及 AI 智能体 等多个大型项目从0到1落地。具备全端开发能力(Web / 小程序 / 桌面端),维护 12个开源组件库 ,兼顾技术深度与团队管理,擅长在政务、金融、企业信息化领域构建复杂系统解决方案。

12+
年前端经验
8
人团队规模
20+
核心项目
70%
构建速度提升
80+
封装组件数
12+
开源组件

Career

工作经历

2018.02 — 至今
徐州新蝶科技有限公司
前端研发组长 · 部门管理
  • 带领8人技术团队(前端/后端/UI/运维),直接向研发总监汇报,制定技术选型与研发流程规范
  • 主导企业级 Vue3 组件库建设,封装 50+ 通用组件,服务全公司核心项目,减少重复开发 60%
  • 推动工程化升级 Webpack → Vite,构建速度提升 70%;搭建性能监控,首屏加载优化 50%
  • 主导数据可视化大屏平台,实现 50+ 块大屏,覆盖智慧城市/智慧工厂/信用体系等核心业务
  • 带队开发 AI 智能体平台、智能知识库、OCR 识别平台等创新项目,推动公司数字化转型
  • 建立 CI/CD 流水线,发布效率提升 80%,故障率降低 40%
2015 — 2017
上海迪尔希科技有限公司
Unity 开发工程师
  • 使用 Unity3D + C# 开发互动游戏项目,负责渲染管线优化、内存管理、帧率提升
  • 跨平台开发,确保游戏在 iOS / Android / PC 多平台稳定运行

Projects · 01

核心项目 — 基础设施

🧩
bin-ui-design
2021.06 — 至今 · 技术负责人
企业级 Vue3 组件库,解决 UI 不统一问题。Monorepo 架构,Vitest+Cypress 测试覆盖率 85%。
Vue3 TypeScript Vite Tailwind
✦ 服务 50+ 项目 · 减少重复开发 60%
🖥️
数据可视化大屏平台
2022.03 — 至今 · 前端负责人
智慧城市/工厂决策可视化。拖拽式布局、Three.js 3D场景、百图表流畅运行,多屏自适应。
Vue3 ECharts Three.js WebGL
✦ 20+ 块大屏 · 荣获「技术创新奖」
🤖
AI 智能体平台
2025.06 — 至今 · 技术架构师
企业级 AI 平台,RAG 检索增强、多轮对话记忆、工具调用、流式响应,插件化扩展。
Vue3 LangChain OpenAI WebSocket
✦ 内部工作效率提升 40%

Projects · 02

核心项目 — 业务平台

📊
AI 智能问数平台
2024.06 — 至今 · 前端负责人
自然语言驱动财务数据查询与报告生成。CopilotKit 流式交互,ECharts 可视化,一键 PDF 导出。
React Next.js CopilotKit ECharts
✦ 月报制作 2天→2小时,效率提升 75%
🗄️
数据治理平台
2020.01 — 2025.10 · 前端负责人
数据血缘分析、质量监控、元数据管理。D3.js 复杂关系图,拖拽式数据建模交互。
Vue3 D3.js ECharts AntV
✦ 覆盖 80% 数据资产 · 年度优秀项目
🔧
低代码平台
2021.01 — 2023.01 · 前端负责人
可视化拖拽搭建应用,JSON Schema→Vue 代码转换,50+ 业务组件,版本控制与发布管理。
Vue3 TypeScript vue-flow
✦ 30+ 应用 · 开发周期缩短 70%

Projects · 03

核心项目 — 数字化转型

📚
智能知识库系统
2025.10 — 至今 · 前端负责人
企业级智能知识库,整合分散知识资源,支持智能检索、知识图谱可视化、标签管理与权限控制。
Vue3 TypeScript Elasticsearch Mermaid
✦ 查找效率提升 80% · 知识复用率提升 50%
🔍
OCR 智能识别平台
2023 — 至今 · 前端负责人
支持证件、票据、文档多场景文字识别。图片裁剪/旋转/增强预处理,批量上传异步处理,可视化校正界面。
Vue3 bin-ui-design 表单设计器
✦ 识别准确率 95% · 减少人工录入 70%
🔄
政府数据交换平台
2023 — 至今 · 前端负责人
跨部门数据共享交换,AntV G6 可视化关系图,WebSocket 实时监控告警,多维度统计分析报表。
Vue3 AntV G6 ECharts WebSocket
✦ 连接 20+ 政府部门 · 日均交换 1000万+条

Open Source

🧩 bin-ui-design
★ 135
Vue3 TypeScript
一个基于 Vue3 和 TypeScript 的组件库
⚙️ bin-admin-pro
★ 71
Vue3 全家桶
基于 bin-ui 的后端管理系统
📝 bin-editor-next
★ 194
Vue3 brace
基于 brace 的 Vue3 编辑器组件库
📊 bin-datav
★ 94
Vue3 TypeScript
一个基于 Vue3 和 TypeScript 的数据可视化组件库
🖥️ bin-datav-schema
Vue3 TypeScript
vite + vue3 数据可视化大屏框架
⬜ bin-grid-layout
★ 18
Vue3 TypeScript
一个基于 Vue3 和 TypeScript 的网格布局组件库
📈 bin-charts-next
★ 24
Vue3 echarts
一个基于 Vue3 和 echarts 的图表组件库
📋 bin-form-maker
★ 7
Vue3 TypeScript
一个基于 Vue3 和 TypeScript 的表单生成器组件库
📑 bin-excel-pro
★ 6
Vue3 univer
一个基于 Vue3 和 univer 的 Excel 表格组件库
🌳 bin-tree-org
★ 103
Vue2
一个基于 Vue2 的组织树组件
✨ bin-animation
★ 22
Vue
基于vue,结合transition钩子函数配合的css3动画库
🎬 bin-keyframe-animation
★ 8
JavaScript
js关键帧动画库

Skills

技术栈

核心语言
Vue3 / Vue2 TypeScript JavaScript React Next.js
可视化
ECharts Three.js D3.js WebGL Canvas AntV G6
工程化
Vite Webpack Rollup Monorepo CI/CD
移动端 · 跨端
微信小程序 uni-app React Native Electron
AI 工具链
Claude Code Copilot Cursor LangChain CopilotKit
其他
Node.js Unity3D Elasticsearch C#
精通 熟练 掌握

Strengths

核心优势

技术管理双栖
从0到1搭建系统工程,建立完整研发流程(需求→设计→开发→测试→发布→运维)。提高部门效率,同时保持极强技术执行力。
🎯
组件库专家
主导企业级组件库,50+ 组件覆盖全业务场景,服务 50+ 项目。同时设计实现编辑器组件, 图表组件,可视化拖拽大屏、系统管理平台等。
📊
数据可视化专家
将 Unity3D 3D 可视化能力融入前端开发,精通 ECharts ,dataV,熟悉 Three.js / D3.js / WebGL,实现 多种项目大屏大屏,实现过3D 智慧园区等展示项目。
🤖
AI 时代生产力
熟练使用 Cursor、Copilot、Claude Code 等 AI 编程工具并在团队推广,开发 AI 智能体平台、RAG 知识库等创新产品,开发效率提升 50%。
🌐
全端开发能力
精通 Web、微信小程序、uniapp , 桌面端多平台开发,具备从技术选型、架构设计到落地实施的全流程把控。
🔓
开源贡献者
维护 12 个高质量开源组件库,GitHub Stars 682+。专注解决企业级实际问题,多个库被实际业务场景验证,获用户广泛认可。
✦ Deerflow