前端技术
· 框架:Vue 2/3、React、TypeScript
· 构建工具:Vite、Webpack、Rollup
· 状态管理:Vuex、Pinia、Redux
· UI组件库:Element Plus、Ant Design、Vant
· 样式:CSS3、SCSS、Less、Tailwind CSS
· 图表可视化:ECharts、D3.js、Three.js,Cesium
· 微前端:qiankun、Module Federation、Single-SPA
· 低代码:Monaco Editor、DND Kit、JSON Schema
后端技术
· 运行时:Node.js
· 框架:Koa、Nest.js
· 数据库:MongoDB、MySQL、Redis
· 实时通信:WebSocket、Socket.io
开发工具
· 版本控制:Git、GitLab、GitHub
· 包管理:npm、yarn、pnpm
技术栈
· 代码规范:ESLint、Prettier、Husky
· 测试:Jest、Vue Test Utils
· 部署:Docker、Nginx、Jenkins
其他技能
· 移动端:响应式设计、PWA、Hybrid App
· 性能优化:代码分割、懒加载、缓存策略
· 安全:XSS防护、CSRF防护、权限控制
· 监控:性能监控、错误监控、用户行为分析
2024-05 ~ 2024-10 企业级数据可视化分析平台 前端负责人
技术栈: React、TypeScript、ECharts、react-grid-layout、Ant Design、Redux Toolkit、Axios、WebSocket、
Node.js、Express
项目描述:为中大型企业打造的PC端数据可视化分析平台,支持多数据源接入、可视化大屏搭建、实时数据监控与分析。平
台通过拖拽式操作,帮助业务人员和数据分析师快速构建个性化数据看板,实现业务数据的高效洞察与决策支持。
主要功能:
· 多数据源接入:支持MySQL、PostgreSQL、Excel、API等多种数据源一键接入。
· 可视化大屏搭建:内置丰富图表组件,支持拖拽式布局、属性配置、主题切换。
· 实时数据监控:支持WebSocket实时推送,数据变化自动刷新展示。
· 自定义报表:支持多维度数据筛选、分组、导出PDF/Excel报表。
· 权限与协作:支持多角色权限管理,团队成员协作编辑与评论。
· 历史数据回溯:支持数据快照、历史版本对比与回溯。
技术亮点:
· 高性能渲染:基于React + ECharts实现大数据量下的高性能可视化渲染。
· 拖拽式交互:采用react-grid-layout实现大屏组件的自由拖拽、缩放与布局保存。
· 多数据源适配:封装统一数据适配层,支持异构数据源的无缝对接。
· 实时推送机制:集成WebSocket,保障数据看板的实时性与高并发性能。
2023-12 ~ 2024-04 移动端H5商城应用 前端开发工程师
2023-05 ~ 2023-11 数据可视化大屏 前端开发工程师
2022-07 ~ 2023-04 微前端架构平台 前端开发工程师
· 可扩展组件库:自研可视化组件库,支持按需加载与在线预览。
· 权限细粒度控制:基于RBAC模型实现页面、数据、操作多级权限管控。
2021-07 ~ 2022-06 企业级SaaS管理系统 前端开发工程师
技术栈: Vue 2、JavaScript、Element Plus、Three.js、ECharts、Axios、WebSocket
项目描述:面向中小企业的SaaS管理系统,提供客户管理、数据分析、权限控制等功能。
主要功能:
· 客户关系管理(CRM)
· 数据可视化和报表分析
· 基于RBAC的权限管理
· 3D数据展示和交互
· 实时消息通知
技术亮点:
· 使用Three.js实现3D数据可视化,提升数据展示效果
· 实现RBAC权限模型,支持细粒度权限控制
· 使用ECharts构建丰富的数据图表
· WebSocket实现实时消息推送
· 响应式设计,支持多设备访问
2020-08 ~ 2021-06 低代码开发平台 前端开发工程师
技术栈: Vue 2、JavaScript、Element Plus、JSON 、Schema、DOM操作、Webpack
项目描述:为企业内部IT团队打造的低代码开发平台,支持可视化页面搭建、组件拖拽、表单生成、模板市场等功能,极大
提升了业务系统开发效率。
主要功能:
· 可视化页面设计器,支持组件拖拽、属性配置、页面布局
· 基于JSON Schema的表单生成器,支持复杂表单配置
· 组件库和模板市场,支持组件复用和模板一键应用
· 代码生成器,支持Vue/React代码导出
技术亮点:
· 基于DOM操作实现组件拖拽、缩放、层级调整,提升交互体验
· 设计JSON Schema验证机制,确保表单配置的正确性
· 组件库支持版本管理和在线预览
· 平台已在企业多个业务线落地,显著提升开发效率
主要功能: · 商户管理:商户入驻审核、信息编辑、状态冻结 / 启用、资质文件上传预览、商户分级标签管理 · 订单全链路:订单创建、支付、退款、售后工单处理、批量导出订单、订单状态筛选查询 · 会员体系:用户注册信息、积分增减、优惠券发放核销、会员等级配置、用户行为数据查询
主要功能: · 商品管理:支持多维度分类、搜索、筛选、详情展示与评价。 · 订单与支付:在线下单、多渠道支付、订单状态实时更新。 · 会员体系:积分、等级、优惠券、专属权益等会员运营能力。 · 营销活动:限时秒杀、拼团、满减、直播带货等营销玩法。 · 物流跟踪:物流节点