•前端框架: 掌握Vue 2/3、ReacNative及其生态圈,精通Vuex/Pinia、Redux状态管理
•编程语言: 掌握JavaScript,熟悉ES6+特性,具备扎实的编程基础
•工程化: 熟练使用Webpack、Vite、Babel等构建工具,有微前端架构实践经验
•性能优化: 深入理解浏览器渲染原理,有丰富的性能优化实战经验
•可视化: 熟练使用ECharts、D3.js、等数据可视化库,了解Ceisum、WebGl,能开发复杂图表组件
•协作工具: 熟练使用Git、WebSocket等开发协作工具
•后端基础: 熟练使用NodeJs、了解Java,熟练使用Mysql、Sqlite、达梦等数据库
1.长安深蓝新营销系统
核心贡献
•主要负责H5端、后台端开发,包括维保、订单、线索模块的前端开发。
•解决端到端(H5和原生app)数据交互问题、ios与安卓各种兼容问题。
•系统微前端拆分,使用MicroApp框架,将老系统冗余模块拆分为子系统,提升项目开发效率,降低维护成本。
•公用组件封装,包括大数据表格,产品可视化展示页面,大文件上传等
•优化前端页面性能,包括组件、图片懒加载;虚拟滚动列表;组件按需引入等方式
项目成果
平台上线后成功支撑深蓝S7新车上市,对于新车销售提供全流程的完整支持
2.产业大脑精准招商(可视化大屏+H5+后台)
核心贡献
•主导驾驶舱框架搭建、前期攻坚开发,带领团队两天内完成驾驶舱初步搭建和一阶段演示
•独自完成H5端的架构、开发
•牵头建设驾驶舱、H5端AI智能体模块,先后接入云从科技、文心一言、星辰、DeepSeek等模型。作为公司首个接入AI应用项目,抽离后的智能体组件成为公司智能体的原子底座组件
•定制化AI问答模板,对接语义分析算法,实现多轮问答精准招商功能。
项目成果
驾驶舱上线后顺利支撑2024年招商峰会,AI模块生成累计上千份招商建议报告
H5端作为首个接入DeepSeek并落地项目被重庆卫视晚间新闻报道
3.智慧交通管理平台(多产品集合):Three.js+Cesium
•负责交通数据可视化、交通智慧路口、统一信号控制模块的前端开发,实现大屏环境下多维度交通数据的实时展示与分析。
•主导交通智慧路口页面开发,通过Three.js的Cesium框架结合实现模型点击与交互,实时展示路口交通信息。通过Tween.js实现平滑的相机动画,支持场景漫游与视角切换。。
•解攻克WebGL模型加载效率、大规模交通流数据实时渲染性能、三维场景与二维图表坐标系统一等技术难点,通过模型分块加载、数据分级渲染与坐标系动态映射策略,保障高负载下大屏的稳定运行与流畅交互。
•引入AI分析模块,根据交通拥堵程度、历史事故发生次数、信号灯时常等信息进行分析,得出交通优化报告,从信号灯调控、警力部署等层面进行交通治理
4.北碚校园周边综合治理可视化平台、后台、渝快办、渝快政H5端开发
•驾驶舱镇街首页、学校首页、二级页面、地图等模块开发;Web后台对应业务开发;渝快办、渝快政H5端配套模块开发以及上线。
•Cesium3D地图引入,对接Irs内网地理数据,实现3D建模展示。
•抽离LeafLet地图组件,根据后端信息将重点人员、预警点位、公交点位等校园周边信息进行打点。
•WebScockt实时通信,对接三方图片、视频实时分析能力,实现校园周边预警实时弹窗。
•渝快政工作人员打卡功能开发,调用手机自带定位功能,结合渝快政内网钉钉功能实现志愿者打卡、工作人员打卡等。
•主导驾驶舱页面开发,包括地图、翻牌器、3D图表、动态滚动表格组件抽离,地图组件使用leaflet框架对标点进行聚合,配合Cesium实现市、区、镇街、村四级地图下钻。 •H5框架搭建,页面自适应、瓦片地图组件搭建、首页、节点管理、运输线路等模块开发。 •公司AI推广试点项
项目背景 北碚区(原)教委为维护校园周边安全,切实改善学生上学环境,牵头开发的驾驶舱项目。 架构:Vue3+Vite+Pinia+AntDesign+Cesium+LeafLet+Echarts+Irs技术栈 核心贡献 •驾驶舱镇街首页、学校首页、二级页面、地图等模块开发