王彬的个人站点

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

开源贡献

★ 682

查看所有项目 →

🧩 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 的组织树组件

✨ 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+。专注解决企业级实际问题，多个库被实际业务场景验证，获用户广泛认可。

Connect

联系方式

欢迎就技术合作、职业机会或开源项目进行交流

📱

✉️

github.com/wangbin3162

✍️

掘金博客

juejin.cn · 技术分享

🌐

个人网站

wangbin3162.github.io