oxzc
高级前端工开发程师
天狮集团 · 6年经验
日薪：
￥500/8h
地点：
其他 全区
时间：
周六可工作日远程
信用行为
0
接单数
0
评价数
0
收藏数
技术能力
前端技术
· 框架：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防护、权限控制
· 监控：性能监控、错误监控、用户行为分析
· 框架：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验证机制，确保表单配置的正确性
· 组件库支持版本管理和在线预览
· 平台已在企业多个业务线落地，显著提升开发效率
技术栈： 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验证机制，确保表单配置的正确性
· 组件库支持版本管理和在线预览
· 平台已在企业多个业务线落地，显著提升开发效率
案例展示 全部案例 >
oxzc
高级前端工开发程师 · 6年经验 · 天狮集团
0
累计接单
0
用户评价
0
被收藏
信用行为
0
接单数
0
评价数
0
收藏数
技术能力
前端技术
· 框架：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防护、权限控制
· 监控：性能监控、错误监控、用户行为分析
· 框架：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验证机制，确保表单配置的正确性
· 组件库支持版本管理和在线预览
· 平台已在企业多个业务线落地，显著提升开发效率
技术栈： 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验证机制，确保表单配置的正确性
· 组件库支持版本管理和在线预览
· 平台已在企业多个业务线落地，显著提升开发效率
立即沟通
