框架与生态:精通 React/Vue 主流框架原理,熟练运用状态管理工具(如 Redux、Pinia)与路由机制,可针对企业级场景设计组件化架构(如微前端、低代码平台)。
工程化与构建:掌握 Webpack/Vite 配置优化,熟悉 Babel/Terser 等编译工具,能搭建自动化构建流程(CI/CD),实现代码拆分、按需加载及性能监控(Lighthouse/Precision)。
跨端与适配:熟练使用 React Native/Flutter 或 uniapp 等跨平台方案,解决多端兼容性问题(如移动端适配、Electron 桌面应用),掌握 PWA 技术实现离线缓存与消息推送。
性能调优:具备 Web 性能诊断经验(如长任务拆解、内存泄漏分析),能通过懒加载、CDN 加速、SSR/SSG 等技术提升首屏加载速度(TTFB<1.5s,FCP<2s)。
现代前端技术:深入理解 TypeScript 类型系统,熟练使用 WebAssembly 优化计算密集型场景,掌握 WebGL/Three.js 实现数据可视化或 3D 交互
从0到1主导设计了酒店网络安全巡检系统的可视化平台,攻克了大屏实时监控、百万级设备数据渲染、动态权限管理等难点,系统已落地超300家酒店,日均处理设备数据超100万条。
用 Vue3 + TypeScript + Pinia 实现模块化开发,封装20+通用组件(如动态表单、设备树形选择器),代码复用率提升40%。
攻克 百万级设备列表渲染卡顿 问题:通过虚拟滚动(Virtual Scroll) + 分页懒加载 + 索引缓存,使万级数据首屏加载时间从12s优化至1.2s。
大屏可视化引擎开发(技术亮点:性能优化+动态渲染)
1 基于 ECharts + Canvas 分层渲染 技术,实现酒店网络拓扑、设备状态、威胁热力图的实时展示,支持10万+设备节点流畅渲染。
2设计 WebSocket 增量更新 机制,通过数据差异对比(Diff算法)动态更新大屏图表,减少80%冗余数据传输,CPU占用率降低65%。
3 开发 自适应分辨率框架,通过监听窗口变化动态计算图表尺寸,兼容4K大屏至Pad端,获客户评价“交互体验堪比安全行业标杆产品”。
角色 | 职位 |
负责人 | 前端开发工程师 |
队员 | 前端工程师 |
实时威胁监控大屏:动态展示全网设备状态、威胁热力图、非法设备实时警报(如可疑摄像头、未加密热点)。 百万级设备管理后台:支持设备信任名单管理、历史操作追踪、多层级权限控制。 低代码数据看板工具:运营人员可拖拽生成自定义安全报表,快速分析网络风险趋势。 虚拟滚动+索引缓存,复
全链路商品管理:覆盖商品信息维护(编码、条码、规格、价格)、分类管理、品牌管理、图片编辑等,支持多维度商品数据标准化。 采购退货精细化处理:实现采购单关联退货流程,自动计算退货价、退货金额、成本总价等财务指标,并生成供应商对账明细。 库存动态追踪:整合库存盘点、调拨、