我是张晨，一名前端开发。

毕业于中国传媒大学，动画（游戏设计与开发方向）。

最近就职于深圳市明源云科技有限公司（2016年9月27日-2026年1月31日），担任前端开发职位，在职期间先后经历的主要项目如下：

一、应用监控平台

是一款应用性能管理（APM）平台。默认打通用户、应用、中间件、基础设施全面监控数据，提供端到端全链路、实时、可靠的监控服务。帮助您及时发现问题，快速解决问题，助力线上业务更稳定的运行。

项目开发人员配置：2前端3后端1测试（20年左右扩张到3前端7后端2测试，之后又收缩至1前端2后端1测试）

项目前端相关技术栈：React、umi、antd、webpack、Taro、mpvue、cordova

作为项目前端主责人，主要工作如下：

1. 根据需求独立设计并开发了客户端采集日志的jssdk（web版，同时支持cordova混合App；指导同组新人前端***版，支持原生、mpvue以及taro开发）

2. 设计并开发了用于上传sourcemap的webpack插件（以及工具库，用于非webpack构建环境使用）

2. 从0到1搭建了第一版的平台（用于查看日志以及统计数据），设计了实现了报表展示页面的元数据以及渲染组件，在当前日志所收集的维度下开发新页面仅0.5人天（支持新人快速上手参与平台维护与开发）

3. 在搭建第二版时，为应对扩容的组织架构以及拆分的2个开发小组，第二版采用qiankun的微前端架构拆分仓库，每个小组独立负责一个子应用的开发（看数据与管配置的功能完全解耦）

4. 为全面推行第二版，同时承担了前端历史版本升级以及现有日志数据开放（通过定时调度导出）的方案更新（借助公司的数据平台，改为通过flink实时消费pulsar数据源到ods表再实现旧的清洗流程）

5. 后续因组织收缩，提前安排技术需求合并微前端子应用，改为单体仓库，以提前应对单前端开发维护时期的要求。

项目主要成绩：

项目从第一版上线至今，前端jssdk在客户端零生产事故，并覆盖公司内部95%以上的应用（除原生App和ReactNative App未支持），替代了growingIO、sentry节约公司成本，并成为产研排错、产品运营分析数据的重要工具。

作为发明人，以前端的jssdk的多个技术要点申请并获取了专利。

二、容器云

基于K8S的云原生应用交付管理平台。从应用开发、部署、交付以及监控运维全流程管理，保证应用的可持续交付以及稳定性。实现云原生应用级和抽象，屏蔽容器与K8S底层技术设施，通过可视化界面对容器、K8S等相关资源进行管理，在应用层实现场景化和规模化的应用交付。

项目前端相关技术栈：React、umi、antd

作为前端架构师进入团队对原有项目进行治理，主要针对开发架构与运行架构进行治理：

1.拆分了6个子项目，以MPA形式运行，在nginx中根据path配置了不同的index指向，导致在路由跳转遇到子应用切换就会出现短暂白屏；

2.基于上述背景，本地开发如果要全部启动的话需要运行6个node进程，且启动慢，内存占用高

3.使用了proto文件利用buf工具转typescript接口定义，但将后端proto文件直接迁入了前端仓库，导致需要联调集成分支时，需要临时将集成分支的proto文件迁入，但提交时又要恢复，容易发生误提交；且分支合并时，后端解决冲突后，前端仓库仍需要解决一次。

治理效果和其他成果如下：

1.基于umi脚手架搭建SPA应用，在仅改写路由配置的情况下，全面复用旧页面及组件（部分引用路径批量替换即可），新需求的重构页面、组件按照新的开发架构放置，彻底杜绝路由跳转白屏现象，由于改为了单体应用，本地开发只需要启动一个进程，且umi自身构建时做的优化已足够好，在不需要过多修改配置的情况下以满足本地开发及CI构建效率

2.proto文件从前端仓库移除，编写脚本实时拉取后端仓库指定分支（默认与当前前端仓库分支一致）的proto文件目录并利用buf工具（使用node_modules的方式安装，加入devDependencies）转换为Typescript接口定义，彻底避免了前端需要再次解决proto文件冲突的问题，并且支持前端联调任意后端分支时，只需要利用脚本拉取对应后端分支重新执行proto转换即可

3.梳理完善前端开发规范（开发架构规划，组件、方法的命名规范，数据的使用规范——全局状态与组件状态，表单开发规范等）基本避免了大多数情况下的实现方案偏差与代码风格问题

项目主要成绩：

承接了深圳多个事业部所有应用的环境托管与线上部署，极大的减少了应用发布、部署、环境变更的工作量，多次获得优秀团队与重大专项突破奖项。

三、数据平台

数据分析平台，是一款专注不动产领域的敏捷BI，旨在帮助企业唤醒沉睡数据，打造体系的数字化管理及运营决策方案。通过整合企业内外部数据，强化企业数据资产可视化及分析应用。不同层级人员利用自助数据可视化分析技术挖掘数据价值，快速构建契合业务场景的数据应用。实现公司经营决策、工程进度、质量、安全，营销、费用，以及资产运营等不同业务场景的数据应用需求。

项目前端相关技术栈：React、antd、webpack、echarts、antv、jsplumb

1. 参与了第一版的数据开发与可视化功能的开发，基于echarts开发了大屏可视化报表，基于jsplumb开发了第一版数据开发的清洗流程功能

2.25年再次进入团队后，重点解决了前端构建慢的问题：由于项目发展为微前端架构，存在8个子应用在一个仓库里需要同时构建到一个镜像内，基于上述背景，充分优化CI线上构建过程，由原先的平均构建耗时30min降低到15min左右（全量构建无变化，即包含依赖安装，所有应用全部执行build）