About Me
Experience
中级前端开发工程师
字节跳动 - - Now
职位: 中级前端开发工程师 | 时间段: 2020.07 - 2024.05 | 工作内容: 1-Watchdog（智能监控运维平台，旨在提升 tiktok 服务稳定性）：React+Arco+AceState+Echarts+Starling+Solder+飞书文档 SDK+ANTLR(1) 独立设计与开发诸如报警监控、报警路由、报警事件、变更事件中心（80+事件，最全最好用）、Notebook（排障文档工具，沉淀 SOP 文档 300+）、根因分析 RCA（召回准确率达到 80%）等模块。a) Notebook：（支持编写多种文档块，如文本、图表、变更事件、日志、Iframe）基于飞书云文档 SDK 实现自定义的富文本编辑器，支持@群组和人卡片、支持外链图片。基于 ANTLR 实现了自定义变量语言，并且支持多种函数语法、变量依赖、语法提示。在实现翻译功能中，通过文本分片、控制并发、重新组装解决了翻译接口限制问题。b) 变更事件中心：基于 ANTLR 实现了自定义的事件查询语言。UI 与事件查询语言保持交互联动。(2) 参与设计与开发诸如技术服务大盘、业务服务大盘、关键链路观测、周报小组件（20+部门在使用）等功能模块。a) 解决渲染图表种类繁多与定制问题：基于 echarts 封装图表 Panel 组件，标准化了图表渲染的数据结构与流程，同时实现了各种 Panel 插件来满足定制化需求。b) 解决大盘图表渲染卡顿问题：代码懒加载、数据懒加载、请求与渲染优先级控制、请求并发控制、复杂计算使用 web worker（主要是图表数据 aggregation）、后端接口优化。c) 周报小组件：基于飞书云文档小组件的 SDK 实现周报小组件，通过自动截图快照的方案解决了数据请求缓慢与过期的问题，获得了 9 成以上用户好评。(3) 负责项目本身的稳定性治理（半年内 0 白屏反馈）。a) 预防：强弱依赖梳理与测试、Service Worker 容灾、优化 Code Review（细颗粒度+多人通过）与上线规范，代码治理与卡点（0 Eslint 与 Typescript 类型 error）、使用可选链运算符、增加单元测试b) 监控：完善的分级报警监控机制（JS 错误与请求错误）、e2e 测试用例定期巡检重点页面（Playwright）(4) 其他工作，比如接入 tiktok monorepo，tiktok 合规改造、优化构建、优化部署等。2-Watchman（旧版智能运维平台）： React+Semi+AceState+Starling+Echarts+Solder(1) 独立开发，从 0 设计、搭建与开发整个项目，开发了诸如报警监控、健康度检查、链路追踪、服务观测等功能。
前端开发工程师
追一科技 - - Now
职位: 前端开发工程师 | 时间段: 2018.10 - 2020.05 | 工作内容: 1-Bot 平台（NLP 机器人）： Vue+Element+Egg +Mysql+Redis+Docker(1) 开发主线版本需求，如一键部署、权限管理(RBAC)、任务图、多维度标签等需求；开发定制化版本需求，如多级用户审核，变更记录对比、路径域名改造、会话数据统计等需求。(2) 前端组件云开发，开发知识图谱管理、智能教育等云组件，支持项目可插拔式整合这些功能。(3) 负责项目与团队管理，如主持晨会与需求评审，协调各方资源，分配需求与 bug 单、优化项目构建，编写各种规范与流程文档等。2-OSS 管理中心： Vue+Element+Egg+Sqlite+Docker(1) 通过解决历史缺陷问题、标准化工作流、编写 SOP 手册，使得前线问题反馈减少了 70%。(2) 支持主线与定制化版本需求，如路径域名改造，k8s 部署改造、登录鉴权改造、接入新版流水线等需求。3-追一官网： Vue+FullPage+Element+Egg+Mysql(1)主要工作是支持国际化，支持响应式，优化兼容性（IE8），优化 SEO，以及优化页面性能（>100%）。4-Connect 客服平台： Vue+Element+Egg+Redis+Mysql+Docker(1) 独立调研完成微博接入需求、独立设计并从 0 开发配置中心；支持业务需求，如文件上传接口、数据上报脚本、接口性能压测等需求。
前端开发实习生
京东 - - Now
职位: 前端开发实习生 | 时间段: 2018.05 - 2018.08 | 工作内容: (1) 参与 微信手 Q 学习平台 与 PPMS 运营内容管理平台 的业务需求开发
