JavaScript:深入理解 ES6 + 特性,熟练运用闭包、原型链、异步编程,具备复杂业务逻辑拆解与实现能力
React.js:熟练使用 React Hooks,主导组件封装与性能优化,有 React Flow 可视化库实战经验
Vue.js:熟悉 Vue 生态项目,深入了解Vue响应式原理
uniapp小程序:熟练使用多个项目经验
Node.js:具备 Node.js 后端基础,可完成接口联调、中间件开发,支持前后端协同效率提升
CSS/CSS3/Tailwind CSS:精通 Git 版本控制,搭建 husky+commitlint 提交规范、eslint+prettier 代码校验流程,优化 webpack 配置
熟练搭建前端CI/CD流程,自动化部署
其他技能:TypeScript、Umi v4、Ant Design、Element UI、ECharts、uni-app、ahooks、axios、Swagger,Cursor AI 编程
技术栈: React 18、Umi v4、Ant Design、ahooks、Tailwind CSS、ECharts
项目描述:企业级网络流量分析平台,支持实时/离线双模式流量采集、监控与安全分析,为网络安全运维提供全方位的态势感知与威胁检测能力。
核心功能模块:实时分析: 项目看板、接口管理、态势总览、流量可视、数据研判、场景分析。离线分析: 支持历史流量回溯分析,功能与实时分析对应。流量池: 采集流量、上传流量、远程流量、提取流量的统一管理。安全管理: 统一配置、资产预设、安全联动、情报查询、知识库管理。系统管理: 角色/用户管理、版本管理、系统授权、系统安全、API管理。日志中心: 操作日志、消息日志、告警外发、日志推送。设备管理: 基础配置、资源监控、空间管理、系统启停、恢复出厂设置。
主要工作和成果:
负责企业级核心产品「全流量融合分析系统」前端全流程开发,支撑Gbps级流量实时采集与安全分析,覆盖8大功能模块、50+页面
主导实时分析模块与流量池模块开发,实现物理/虚拟接口配置、多源流量统一管理,优化流量预处理逻辑
基于ECharts构建实时态势可视化大屏,支持全屏展示与数据挖掘分析,满足运维人员实时监控需求
封装表单校验、权限控制等通用业务组件,形成团队专属组件库manyin-components,组件复用率达60%,团队开发效率提升40%
运用ahooks优化数据请求,实现轮询监控、缓存管理,结合TS类型定义保障代码健壮性,前端包体积优化减少30%
搭建自动化部署流程,实现一键部署至生产环境,配合完整Git提交校验,降低线上故障发生率
个人全栈博客系统|独立负责前后端设计与实现。前端基于 React 18、Umi 4、Ant Design 5 与 Tailwind CSS,使用 Umi Model 管理全局状态;文章正文采用 Markdown 渲染(react-markdown、remark-gfm、rehyp
本项目是大淘客联盟选品平台,面向淘客、团长及推广从业者打造的一站式选品工具站。平台整合海量电商商品资源,提供热销榜单、行业趋势、爆品雷达、高佣商品筛选等核心功能,覆盖居家、美食、美妆、母婴等全品类商品。 同时支持一键转链、推广物料制作、数据罗盘分析等实用工具,结合人工 + AI