React

实时监测 实时展示自动报警系统、消防水系统、电气火灾系统、视频监控系统等消防平台对应功能的数据信息火警记录 展示火警信息，可进行火情确认和填写处置意见，具备调取关联视频与拨打紧急联系人或火报警电话的功能离线设备 展示离线设备信息，具备生成隐患计划任务的功能巡检任务 与消防平台实现数据同步，具备代办任

1.Vue组件开发：根据业务需求划分不同的Vue组件，每个组件负责一部分数据的展示和功能实现。2.数据动态刷新：利用Vue的响应式特性和WebSocket或轮询机制，实现数据的实时更新。3.图表自由替换：通过配置化的方案，允许用户在不修改代码的情况下更换或添加图表类型。4.DataV组件应用：对于需

1生产管理：厂区内部的机床，温湿度、人员的考勤的展示2综合安防：电子围栏、厂区监控（海康系统）实时视频播放，录像播放、人车进出厂区监控3能耗管理：水电能耗管理、能耗统计

模型管理：可选择数据库接入选型，接入数据库进行数据建模、分析建模、数据检索等操作，对数据进行建模分析前的准备探索性分析：描述性分析、交叉表查询、汇总表查询;可视化分析：运营大屏、主题分析、数据报表、我的分析模型应用：指标管理、指标体系、指标定义、指标大厅

1页面总计9页2分为会管理我的企业服务管理任务提示我的文库3由多个图表组成：柱状图，饼图，曲线图等4这个项目的难点在于需要把不同的图表汇集到一起，最多的一个页面同时出现14种不同的图

使用Angular的复杂3D可视化平台的主要前端开发人员，负责其二次开发，查看器-服务器通信层的架构，以及登录，管理员页面，转换文件，接受聊天消息等全套用户和管理功能的实现

系统功能设计遵循“核心功能”+“业务组件”的模式。核心功能(CoreFeatures)这些是任何后台系统都不可或缺的基础模块。用户认证中心(Authentication):登录/注册:支持账号密码登录、手机验证码登录、第三方扫码登录（如微信、钉钉）。Token无感刷新:使用JWT(JSONWebTo

对接SAP系统，limis系统，立体库系统，金蝶系统，MES系统，自动贴标系统，AGV系统，数据云平台等二十多个业务系统，系统主要负责从生产，打包，质检，入库到出库的一整套业务管理，并打通上下游系统数据。

实时响应，结果同步：内置数据联动更新能力，一旦上游基础数据发生变化，所有关联依赖的公式将自动启动重新计算，无需人工干预即可确保输出结果始终处于最新状态。双视角切换，适配不同用户：支持语义化与代码化双展示模式。非技术用户可通过语义化视图快速理解公式的业务逻辑，技术用户则能通过代码化视图查看具体实现细节

企业级中后台管理系统（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