精通React框架,深入理解其核心原理和运行机制。熟练掌握组件化开发和复杂状态管理方案(Redux/Context)。
精通JavaScript/HTML5/CSS3,具备构建符合W3C标准的响应式网页能力。
TypeScript 高级开发者,熟悉小程序原生开发和h5方案。
精通Webpack等工具定制化配置,擅长实现代码分割、懒加载等高阶性能优化方案。
微前端架构实践者。掌握联邦模块技术实现方案,具有拆分单体巨石应用的实战经验。
精通CI/CD自动化流程设计与落地,擅长性能监控体系搭建、代码质量卡点等全链路质量保障方案实施。
项目一: 智能债券服务平台 (2021-2024年)
项目介绍:内嵌于腾讯企点客户端的大型Web应用,为机构客户提供债券实时数据、新闻资讯、债券计算器、图表化数据等服务。项目由四个团队分别维护不同业务模块。
技术栈:React + TypeScript + ECharts + LESS + Webpack5 MF + pnpm workspace+ Turbo
核心贡献:
1. 微前端架构设计与落地:基于Module Federation构建微前端架构,实现子应用的模块化管理,解决多团队协作与代码耦合问题。提效量化成果:本地启动时间从6分钟降至约40秒。热更新时间降至毫秒级。
2. 构建工程化优化:通过pnpm workspace + Turbo统一管理构建脚本与依赖,实现增量构建与依赖去重,全量构建从15-25分钟降至9分钟以内。
3. 独立完成分布式WebSocket组件:基于SharedWorker实现跨页面长连接共享、STOMP协议集成、多topics消息订阅路由,并实现独立的断线重连和连接状态实时监控系统。
4. 独立完成智能页签管理系统:实现多级页签状态同步管理系统,且根据用户权限实现动态路由。统一管理跳转方法、全局响应路由更新,提升系统可维护性和稳定性。
5. 性能优化:通过代码分割、按需/懒加载、资源压缩等技术,大幅降低首屏加载时间。提效量化成果:FCP从约2.5s降至0.9s,TBT降至0s。
6. 容灾机制建设:基于Error Boundary + Sentry实现错误隔离与上报,保障生产稳定性。
项目二: 右面板工作台 (2019-2024年)
项目介绍:项目位于腾讯企点客户端聊天界面右侧,展示用户定向债券信息,为机构客户提供实时数据服务。
技术栈:React + TypeScript+ LESS + WebSocket + Webpack5
核心贡献:
1. 实时数据处理:实时渲染用户聊天涉及债券列表,通过虚拟列表和批处理方式,优化高频更新性能。
2. 服务层设计:抽象WebSocket、数据缓存、业务逻辑为独立Service模块,提升代码复用性与可维护性。
3. 主题系统:基于antd 3.x定制组件库,通过LESS变量实现暗黑模式切换。
4. 解决兼容性:解决低版本浏览器(Chrome43+)兼容问题,通过Babel 和polyfill配置确保平台稳定运行。
项目三: SAAS企业服务平台 (2018-2019年)
项目介绍:企业级SAAS平台,包含会员管理、营销活动等一站式服务,为商家提供数据分析和运营工具支持。
核心贡献:
1. 负责平台架构设计,重构营销活动全流程模块,开发商家小程序配置可视化编辑器。
2. 实现核心功能:权限系统、路由管理、数据可视化等公共组件。统筹前后端接口规范设计。
项目四: 班级群管小程序 (2017年)
项目介绍:以班级为单位的社交管理平台,旨在服务老师和家长。平台具备建立班级、添加家长及关联学生信息、发送公告、发布及收取作业等功能,为班级管理提供了便捷的解决方案。
核心贡献:
1. 成功实现邀请家长加入班级的功能,确保家长能实时了解班级动态。
2. 负责开发公告和通讯录模块。由于团队成员是客户端开发工程师,提供技术支持和指导。
本人对塔罗和AI颇感兴趣。本项目旨在探索AI技术与塔罗占卜是否能高效结合,达到降低使用门槛,提升解读质量的目的。在新兴的AI+传统文化融合赛道中,试水数字化塔罗服务的价值性,也许可以满足现代人对自我认知和精神慰藉的需求。 功能介绍 项目包含五大核心功能模块: 1)AI智
功能介绍 此作品为VS Code 插件。主要包含以下功能模块: 1、驼峰命名转换模块:将模块名称智能转换为符合camelCase规范的变量名,支持处理作用域包、特殊字符分隔的包名等复杂情况; 示例: require("module-name") 转换为