React

企业级中后台管理系统（Vue2） 为某大型国企定制的数据可视化管理系统，日均访问量10W+，承载核心业务数据处理与实时监控。 核心需求：多角色权限控制、大数据表格渲染性能优化、跨平台兼容性（需支持IE11）。 二、技术亮点：工程化与性能优化 1. 深度定制打包配置（Webpack/Vite） 构建效率提升： 引入 DLLPlugin 预编译Element-Plus/ECharts等稳定依赖，构建耗时减少40%； 使用 thread-loader 并行处理TypeScript编译，冷启动速度提升35%。 缓存与更新策略（Vue中台系统） 版本指纹 + Service Worker： // vue.config.js filenameHashing: true, chainWebpack: config => { config.output.filename('[name].[contenthash:8].js') } 结果：二次访问加载速度提升至0.8秒，接口请求复用率超90%。 2. 网络性能解决方案 首屏加载优化（React流程管理项目） 资源压缩： 开启 Brotli 压缩（Nginx配置 + compression-webpack-plugin），JS文件体积平均减少68%； 图片使用 Sharp 自动转WebP格式，CDN分发节省45%带宽成本。 三、代码规范与协作 统一技术栈管理： Vue项目使用 ESLint + Prettier + Husky 约束代码风格，Git提交规范遵循Angular Convention； React项目采用 TypeScript 严格模式（strict: true），类型覆盖率100%。 目前就职于国企，欢迎交流！

1、后台系统项目，该系统主要服务于体制内，设计流程申请、审批、会签、或签环节，方便工作流程进展。 2、流程类，主要功能增删查改。 3、主要功能有工作台、公文管理、收文管理、故障管理、问题管理、发布管理等等。 4、技术栈主要主要采用若依技术栈

为公司的数据监控和展示需求开发的可视化大屏，该大屏主要用于对公司核心业务数据进行实时监测和展示，为管理层提供直观的数据可视化界面，帮助其快速掌握业务动态，辅助决策分析。涉及的数据包括但不限于销售数据、用户活跃度、流量统计等，数据来源涵盖多个业务系统，数据量庞大且更新频繁。 使用技术：Echarts、HTML5、CSS3、JavaScript、React、WebSocket，TypeScript 职责和成果： 1.利用Echarts实现多维度数据的动态可视化展示，包括折线图、柱状图、饼图等。 2.通过WebSocket技术实现数据的实时更新，确保数据的及时性和准确性。 3.采用响应式设计，使大屏在不同分辨率和设备上均能完美展示，提升用户体验。 4.优化页面加载性能，使用虚拟滚动和懒加载技术，页面加载时间缩短25%。 5.实现自适应布局和媒体查询，确保在高清大屏到普通显示器的多场景适用性。

1. 项目介绍 本项目面向园区管理人员，解决园区管理自动化和效率提升问题。通过信息化平台，提供大屏数据可视化（展示能源消耗等）、租户管理、物业管理、报修、财务账单、设备管理等功能，支持对园区企业和设备的综合管理与规划。 2. 项目亮点 • 使用ECharts实现数据可视化 • 多角色页面访问权限控制 • 封装高阶组件，实现按钮级权限控制 • 使用懒加载、useMemo、React.memo等优化性能 • 独立封装Excel导出插件，支持跨页数据选择 • 实现列表缓存，灵活调整缓存时机 • 封装复用组件及自定义Hooks，提升开发效率 • 独立部署并配置Nginx解决路由刷新404 • 多次使用递归、闭包、高阶组件解决复杂问题 3. 项目难点 • 权限控制：通过菜单数据处理、递归判断和闭包结构解决权限管理和动态路由加载问题。 • 缓存控制：使用Redux存储列表数据并标记返回路径，实现数据保持不刷新，并兼顾直接访问详情页的逻辑。 • 数据导出：全局封装XLSX插件，支持跨页勾选导出Excel，优化表格数据处理体验。

更具苹果官网建立的 3D 模型，动画网页，主要的技术有react, three.js，gsap, tailwind,vite。 通过 three.js 建立3D 模型，并为其设置不同的纹理进行切换； 以gsap,以及相关的 react-gsap 对网页和 3D 模型进行的动画设计，并进行了时间线管理; 通过 tailwind 来同一规划 CSS 样式布局； 以 vite 进行的 打包处理。

1、【产品定位】聚源云平台专业为工业物联网用户量身定制的信息化系统，提供安全可靠的设备接入和通讯能力，可低成本快速实现产品场景智能化，通过应用开发、组态服务、运维管理、数据中心等核心功能，对工业现场信息实现有效分析和处理，为用户提供全通讯方式的硬件+软件解决方案。 2、【方案特色】以胶水代码组件和物模型方案，极大的提高了平台对工业物联行业眼花缭乱的设备和协议的兼容能力；同时提供低代码、可视化的大屏、组态构建能力；方便集成商快速为客户以极低的成本完成客制化定制；同时提供SAAS和私有化方案。 3、【产品简介】该平台主要包含产品管理，设备管理，视频中心，大屏管理，组态管理，报警联动，数据中心以及系统管理等模块，其中设备管理、报警联动、大屏管理形成基本的业务管理逻辑；系统模块支持集成商完成组织层级管理和oem个性化定制。

商业项目不宜上传，所以上传了一个自己平时保持手感学习提升的综合功能项目。如有必要官方可以联系我提供其它项目的演示地址或部分项目源码。 本项目包含了以下技术要点： 1. 预加载静态资源、DNS 预加载、移动应用离线缓存、SVG 图像技术； 2. CSS 新特性应用，Flex 布局 + Grid 布局应用示例； 3. JavaScript（ES6+）各类新特性的应用； 4. React 项目的示例包含两个成品项目，考试系统可以免登录测试，另外一个需要账号才能进入。

大战略游戏编辑器，六边形网格地图渲染编辑，部队A*寻路，ai寻路，寻找cost最小的路径到邻国，基于webgl渲染，自定义shader，性能高，帧率稳定，优化内存占用适中，基于地图初始化基础游戏数据直接供unity3d使用，充分释放gpu性能。cpu部分通过rust这种底层的系统语言给JavaScript释放百倍性能，通过rust编写繁重计算，编译成webassembly，直接由JavaScript调用，解决了大数据下JavaScript的性能瓶颈

该项目为响应式跌的可视化大屏项目，可适应于任何的屏幕尺寸，并且没有难看的边框存在，整个项目中除了三个Echarts图表外，其他都是基于原生自己封装的可复用组件，类似布局排版可快速实现 项目技术栈：react + Echarts