九天の知识仓库

切换日光/暗黑模式

联系方式 ​

个人信息 ​

工作经历 ​

浙江每日互动网络科技股份有限公司 ​

2022 年 1 月 ~ 2023 年 8 月

  • 负责方案调研、选型、项目架构设计与开发优化，制定业务开发规范；
  • 负责部门前端团队的基建设计与落地，搭建私有npm仓库，实现内部组件资产50+；
  • 负责团队前端知识库积累沉淀，CodeReview组内同学代码，输出技术文档在部门分享累计5次；
  • 负责卓信项目基于qiankun微前端架构重构，并参与上级部门的Devops平台构建和迭代；

泰尔卓信业务管理平台 & 卓信 ID 前端 SDK&设备指纹 SDK ​

项目介绍 ​

卓信业务管理平台是集卓信ID反欺诈、推必安推送内容审核两大业务，项目包含官网、开发者平台、服务商中台、管理后台等，为广告商、服务商、应用厂商等提供卓信业务的对接与客制化服务。

项目背景与难点 ​

  • 前端基础设施较差，技术栈不统一，配置分散，缺乏技术文档和eslint规范；
  • 项目综合构建部署时间高达20min+，且需手动上传构建产物到服务器；
  • 不同客制化SDK的交付需要重复手动改配置并构建交付，时间成本较高；
  • 业务接口与通信运营商接口规范不统一且存在跨域问题；
  • SDK业务代码混淆级别低，易被反混淆和滥用，且不支持小程序；
  • fingerprintjs浏览器设备指纹在移动端重复性较高；
  • 引入三方包会导致SDK压缩打包构建时间长，构建产物体积大；

我的职责 ​

  • 主导从零构建项目，负责技术选型、项目开发，并基于qiankun进行微前端重构改造；
  • 设计开发与维护组内Vue业务组件库和工具函数，实现包括低代码JSON可视化配置、层级拖拽、APIExplorer等组件；
  • 编写VitePlugin优化打包构建速度，编写Docker/K8s配置文件，分析并治理项目依赖；
  • 使用JSONP方案，手写HTTP请求包，去除三方依赖包，降低打包产物大小；
  • 编写Rollup打包混淆插件，实现一套代码客制化不同兼容SDK和Demo；
  • 基于BFF架构实现权限控制、数据过滤和使用量统计，实现业务接口请求监控和按量付费功能；
  • 基于浏览器特性、Canvas、TLS、JA3指纹等浏览器特征实现浏览器设备指纹SDK功能的开发；
  • 基于Node模块化规范将卓信综合业务、浏览器设备指纹等能力聚合封装成服务端与客户端SDK并提交到npm仓库；

项目成果 ​

  • 累计产出Vue组件、utils工具函数等资产50+，重构代码，实现自研微服务代码重构；
  • 项目CI/CD综合构建速度从20min降低至6min，构建产物从14M压缩至6M，SDK体积压缩至平均20KB+，；
  • 累计3000+应用服务商入驻，完成服务商、开发商需求200+， 综合满意率98%；
  • 累计覆盖设备2亿+，接入Web应用&小程序3000+，平均响应时间99ms；

盛世雪城科技有限公司 （ 2018 年 1 月 ~ 2022 年 1 月 ） ​

  • 负责团队内前端基建建设，搭建私有npm库，整合(Vue、React)通用组件资产60+；
  • 负责工程化建设，前端性能监控以及优化、完善日志体系、监控系统、告警机制；
  • 开发Vue、Node、React等项目脚手架，为20+项目提供快速开发与自动化部署能力；
  • 负责前端CI/CD建设，推动敏捷开发，落地版本控制、协作开发等流程，提升80%开发效率；

牡丹江海浪飞机场民航管理平台 ​

项目介绍 ​

牡丹江海浪飞机场工作管理平台用于管理牡丹江海浪飞机场日常工作，包括官网、航班调度、部门群组聊天、多端实时视频监控、日志提交、签字存档等功能，满足牡丹江民航日常工作需求。

项目描述&难点 ​

  • jQuery老项目重复代码较多，且维护和开发新功能困难；
  • 在不改变原有框架的基础上增加移动端模块；
  • 需实现稳定低延迟的扫码登录、实时消息、突发事件实时操作等功能；
  • 需实时管理不同部门和人员权限，服务不同部门工种和级别；

我的职责 ​

  • 抽离jQuery项目的公共页面样式资源、逻辑，实现模块化开发，基于Vue实现新模块开发；
  • 基于Webpack进行代码分析、分割、压缩和路由配置，实现新老项目&模块的共存、按需加载和自动化打包发布；
  • 使用React、Taro开发工作管理平台与APP，使用Electron打包桌面客户端；
  • 使用Canvas实现签名板内容并多端(Web、小程序、App)支持；
  • 基于虚拟列表实现组织树、树多选框组件，基于Draggable实现甘特图可视化操作功能；
  • 基于Casbin模型，使用RBAC实现实习动态颗粒化权限管理；
  • 基于socket、轮询、SSE、RabbitMQ等方案，实现扫码登录、实时消息与监控等功能；
  • 基于WebRTC实现低延迟的实时视频传输，实现监控、连麦、日志录制等功能；

项目成果 ​

  • 输出jQuery&Vue共存模版，解决jQuery老项目维护困难的问题；
  • 基于Webpack对项目进行优化治理，打包产物体积缩小55%；

“牡疫控”疫情防控信息管理平台 ​

项目介绍 ​

“牡疫控”管理平台是牡丹江地区疫情信息管理平台，将疫情防控各模块集成化管理，可分析、统计、监督各项执行情况数据，实现模块数据互融互通。

项目背景与难点 ​

  • 疫情初期需要快速开发测试和上线并覆盖全市；
  • 使用群体数据量大，新增需求变化复杂，手动收集问题困难；
  • 大数据ElementUI组件渲染和导入导出存在加载慢、渲染卡顿等问题；
  • 随着业务迭代，小程序包体积臃肿，小程序首屏加载时间15s+，体验不理想；

我的职责 ​

  • 负责项目调研与开发，实现疫情初期快速上线和重构，实现“牡疫控”20+大功能模块；
  • 使用虚拟列表解决ElementUI表格、下拉框等组件大数据渲染卡顿问题；
  • 封装Echart和独立开发组件，实现动态地图数据、图片处理、文件分片传输、用户鉴权等30+前后端组件和工具函数；
  • 使用Uniapp开发用户侧多端小程序，使用小程序分包、预加载、按需注入等优化手段；
  • 编写WebpackLoader实现中后台前端日志无痕插桩，实现开发侧日志记录与异常监控；
  • 通过手动埋点和集成sentry、Performance，实现用户侧小程序行为日志上报、异常监控；
  • 基于Nestjs、Golang重构服务端，应对核酸检测和疫苗接种等高并发、高复杂度等使用场景；

项目成果 ​

  • 开发上线20+个功能模块，15+业务组件和脚手架，并应用于组内10+项目；
  • 通过监控系统快速定位线上版本Bug，小程序崩溃率从12%降到0.3%；
  • 保证完整功能体验下，通过小程序分包等优化手段，首屏加载速度从15s降低到1~2s；
  • 覆盖全市10+县区，累计160万+人使用，日均访问量30万人次。

其他项目 ​

  • 留学教育机构 CRM 管理平台&小程序（开发时间：2020 年 8 月-2021 年 3 月）
  • 360 房屋超市平台改造&HTML5移动端开发（开发时间：2018 年-2019 年）
  • 喝茶吧官网-喝茶设备展示（开发时间：2019 年）
  • 牡师范毕业云合影微信/抖音小程序（开发时间：2020 年 6 月）
  • 牡丹江社保局就业创业平台&小程序&管理端（2021 年 2 月-2021 年 12 月）
  • 臻爱陪诊小程序平台（2023 年 5 月-2023 年 12 月）
  • 翔运车友小程序平台（开发时间：2022 年 6 月-至今）
  • 北京协和医学院护理学院-基于情绪化&医疗&匿名&多功能大学生讨论社区（开发时间：2022 年 6 月-2022 年 9 月）
  • 北京协和医学院护理学院-基于 AI 的习惯养成管理（开发时间：2023 年 3 月-2023 年 6 月）

技能清单 ​

  • Web 开发：HTML/CSS/JavaScript/TypeScript/ES6+
  • Web 框架：Vue/React
  • 前端工具：Vite/Rollup/Webpack
  • 后端开发：Node.js/Python/Golang
  • 后端框架：Koa/Express/Nest/fastapi/fastify/Flask/Gin
  • App开发：Flutter/Uniapp/ReactNative/Electron/Swift/鸿蒙开发/Taro
  • 数据库相关：MySQL/SQLite
  • 版本管理、文档和自动化部署工具：Svn/Git/Vitepress
  • 跨端开发：小程序开发/跨端应用开发/独立组件
  • 运维：Linux/Docker/K8s/Nginx

其他说明与致谢 ​

其他说明 ​

本人为听力残疾人，目前暂未佩戴助听器，无法接听电话，可视频沟通，可正常面对面对话沟通。

致谢 ​

感谢您花时间阅读我的简历，期待能有机会和您共事。