9 年经验前端开发工程师,专注图形编辑、数据可视化、多端应用与工业级 Web 体验9-year frontend engineer focused on visual editors, data visualization, multi-platform apps, and industrial web experiences
项目方向Project Directions
这里展示的是可公开的项目类型和技术成果,真实公司、客户和内部业务信息已做匿名处理。This page shows publicly shareable project types and technical outcomes. Company names, clients, and internal business details have been anonymized.
我更关注项目背后的工程问题:如何抽象复杂交互、如何组织组件和数据流、如何兼顾视觉表现与交付效率。I focus on the engineering behind the work: abstracting complex interactions, organizing components and data flow, and balancing visual quality with delivery speed.
Canvas / Editor / Visualization
图形编辑器与可视化搭建工具Visual Editor & Dashboard Builder
面向可视化配置场景,设计画布元素、拖拽编排、属性面板、数据绑定、预览渲染等模块,让非固定页面可以通过配置方式快速组合。Designed canvas elements, drag-and-drop layout, property panels, data binding, and preview rendering for configurable visual workflows — enabling rapid page composition without fixed templates.
Vue 3
Canvas
组件配置Component Config
拖拽交互Drag Interaction
数据源Data Source
Three.js / WebGL / Industrial UI
工业 3D 可视化应用Industrial 3D Visualization
将 3D 模型、设备状态和业务数据结合起来,处理模型导入、材质灯光、事件拾取、状态切换和渲染性能,用 Web 技术承载工业产品展示与操作辅助。Combined 3D models, equipment states, and business data — handling model import, materials and lighting, event picking, state transitions, and rendering performance for industrial product display and operation support on the web.
Three.js
WebGL
模型交互Model Interaction
性能优化Performance
Dashboard Builder / Low-code
低代码看板设计器Low-code Dashboard Designer
支持多种 grid 布局、图表拖拽、静态和动态边框、数据源配置、移动端适配等能力,让数据看板从一次性页面开发转为可复用的搭建流程。Supporting multiple grid layouts, chart drag-and-drop, static and dynamic borders, data source configuration, and mobile adaptation — turning one-off dashboard pages into a reusable building workflow.
ECharts
Monaco Editor
Grid Layout
低代码Low-code
Admin / H5 / App
多端业务应用Multi-platform Business Apps
负责过 Web 管理系统、移动端 H5、小程序、uniapp、Hybrid App 和桌面端应用开发,熟悉从工程搭建、接口封装、业务模块到打包发布的完整链路。Built web admin systems, mobile H5, mini programs, uniapp, hybrid apps, and desktop applications — covering project setup, API layers, business modules, and the full release pipeline.
Vue
uniapp
小程序Mini Program
Electron
Hybrid App
Management System / Data
中后台与数据可视化系统Admin Systems & Data Visualization
构建过权限、菜单、表单、地图、图表、文件直传、Socket 通信、虚拟滚动等常见中后台能力,也能沉淀模板和公共组件来支撑后续迭代。Built common admin capabilities including permissions, menus, forms, maps, charts, direct file uploads, socket communication, and virtual scrolling — with reusable templates and shared components for ongoing iteration.
Element
Ant Design Vue
Pinia
Socket
地图Maps
更多More
部分技术记录会持续整理在博客中。More technical notes will be published on the blog over time.