何遇的博客

# 秦小倩-资深前端工程师-6年-18482105726

秦小倩 / 18482105726 / 18482105726@163.com / 电子科技大学成都学院-计算机科学与技术 / https://www.heyudesign.cn

# 职业技能

JavaScript / TypeScript / React / Vue 全家桶

了解大型云设计工具的前端架构(涉及80+人)；维护过 90W+ 行的 TS 代码；设计/开发/推广过技术类工具

# 工作经历

  • 够用云：2017/6 ～ 2019/6 前端工程师
  • 多点极致：2019/6 ～ 2020/9 前端工程师
  • 酷家乐：2020/9 ～ 2022/7 高级前端工程师 2022/7 ～ 2023/7 资深前端工程师

# 技术成果

  1. LocalLogTool：用户操作记录回溯工具
  • 以负责人的身份设计/开发/推广用户操作记录回溯工具
  • 收集用户操作的 SDK，上报数据的微应用，查阅用户操作记录的页面
  • 助力客户支持人员反馈问题，协助研发人员排查工单，减少资产损失的纠纷
  1. 低代码系统：适用于 B 端管理系统列表页、表单页和详情页
  • 以负责人的身份设计/开发/推广低代码
  • 使用微前端技术将低代码生成的应用集成到现存的应用中
  • 5 分钟内创建列表页、表单页和详情页；1 个季度内创建了200+页面，并在线上运行
  1. 技术改造：改造虚拟棚拍，优化用户体验
  • 做为核心成员首次使用公司新提出的技术方案渲染 3D 场景，成为标杆项目
  • 用 PixiJS 绘制 2D 图形，公司内部的 3D 渲染引擎绘制 3D 图形，滚动鼠标改变 3D 视图的视角
  • 虚拟棚拍的首次可交互延迟(FID) 从 13s 降低为 3s 内，首次可交互速度提升 300%

# 项目经验

# 虚拟棚拍

参与角色：核心成员

解决商品营销的痛点，使用虚拟影棚拍摄图片/视频

  1. 难点：数学知识中向量的平移，旋转和缩放；操作贝塞尔曲线；

  2. 工作内容

  • 设计并开发核心功能

    ■ 绘制二次贝塞尔曲线、直线和圆弧等路径，让相机沿着路径移动生成预览视频；

    ■ 调整相机的视角，位置，朝向等参数生成预览图；

    ■ 图片调色

    ■ 多张图片制作视频

  • 提升项目的可维护性

    ■ 将视频插件和图册插件解耦，将视频插件提供给二方团队使用

    ■ 给 iframe 通信制定规范化的通信协议，增加 TS 类型检查

  • 参与产品的建设

    ■ 建议产品经理修改影棚消费逻辑，功能上线之后，图片渲染消耗量较去年同期增长 330%

  • 制定实习生 landing 计划，协助实习生完成工作

# 云设计工具

参与角色：开发人员

支持全屋定制业务线，维护并开发从设计到生产下单的功能

  1. 难点：代码量大（90W+ 行的 TS 代码），稳定性要求高，防资产损失的重要节点

  2. 工作内容

  • 维护基础设计能力，譬如：模型的摆放、吸附、复制、多选、移动等

  • 支持日常迭代，独立开发新插件与上下游业务方对接，响应 SKA 客户的需求

  • 增强项目的稳定性

    ■ 新功能上线之后分析模块的性能变化

    ■ 关注线上报错并修改

    ■ 梳理生产下单的业务逻辑，排查性能卡点

  • 思考减少资产损失的可行措施

    ■ 设计/开发/推广用户操作记录回溯工具

    ■ 探索回放用户操作轨迹的可能性

  • 梳理基础设计能力的业务逻辑，写文档反哺部门成员

# 供应链一体化解决方案

参与角色：核心成员

将供应链子系统整合成实体零售业数字化 SaaS 系统

  1. 难点：将不同技术栈(涉及Vue、React 和 JSP 等)开发的独立系统整合到一个系统中

  2. 工作内容

  • 建设基础设施

    ■ 开发脚手架

    ■ 制定组件库方案

    ■ 设计/开发/推广低代码

  • 制定前端规范

    ■ 制定 Git Commit 规范

    ■ 推行 ESLint 代码风格检测

    ■ 推行 Code Review

  • 思考新的技术方案

    ■ 引入 single-spa 微前端方案，提升页面加载速度，新技术方案将页面加载速度从 5s 降到 2s，速度提升100%

    ■ 建议开发低代码工具加速创建页面。1 周内独自开发出了 MVP 版本，并投入使用

# 智能营销系统

参与角色：前端 owner

担任项目经理和前端 owner，主导开发外贸 B2B 企业大数据智能营销平台

  1. 难点：在浏览器中存储大量的数据（上万封电子邮件），自动化流程

  2. 工作内容

  • 核心模块的功能设计与代码开发

    ■ 访客与客服即时通讯

    ■ 可视化创建邮件模板

    ■ 自动化流程

    ■ 收发电子邮件

  • 搭建项目的基础框架

  • 负责组内的日常事项(招聘/培养等)；负责与其他团队的沟通协作

  • 分配任务、带领 3 个前端人员完成业务开发

  • 梳理产品逻辑、业务架构、功能模块等，沉淀为团队资产，以便成员理解业务

# 荣誉奖项

  • 酷家乐 2021Q2 小蓝书主人公（使命必达，追求卓越）
  • 2022/7 晋升资深前端工程师