商汤科技（智慧健康部）（2021.08-2025.02）
信创前端渲染项目
Cornerstone
Vue3
Typescript
- 架构设计，包括UI层和业务逻辑层的划分，前后端交互等，实现了UI和业务逻辑的分离，让原有的前后端同事能在新的架构下更快编码。
- 调研 Cornerstone.js 用于医学图像渲染，通过调试其用例及源码，掌握了其拉取图像，渲染图像，工具使用的流程。
- 使用TS迁移并重构旧项目代码，例如通过梳理代码解决了原有旧项目关于 AppName 混乱的问题。
大PA项目
Vue3
- 通过"量子纠缠"的 Demo 获得启发，基于 LocalStorage 实现了跨窗口状态同步，实现了登录状态同步，跳转打开应用，用户配置同步等。
- 实现了可复用的 Table 组件，重点支持了列固定，行展开的功能。
医疗组件库与工具链建设
Vue3
D3
Storybook
Typescript
- 负责多个组件的编码工作，包括 Tooltip，Pagination 等。
- 使用 D3 和 Typescript 重写了原有的通用测量工具。
- 使用 Storybook 搭建了文档站点，方便团队同事查看文档、浏览 Demo。
- 推动团队在项目中使用 pnpm，提升了依赖安装的效率。
OCR客户端项目
Electron
NW.js
Vue3
- 使用 Electron 重写了原有 QT 版本的 OCR 客户端，做到了 UI 一致，代码更加轻量，易于维护。
- 实现了一套前端代码在 Electron 和 NW 中的复用，同时支持 Windows XP 到 Windows 11 操作系统。
泌尿手术规划项目
Vue3
D3
WebSocket
- 完成组织列表，立体裁剪，序列列表等功能。
- 在完成组织列表的过程中，抽取了可复用的 Tree 组件。
- 使用 D3 绘制立体裁剪按钮，通过 WebSocket 完成立体盒子的裁剪交互。
青少年骨龄项目
Vue3
D3
WebSocket
- 独立完成骨龄影像阅片，骨骺标记点，骨龄预测计算，文本复制，报告导出等功能
- 使用 D3 绘制骨骺点，报告中的各种表格，如柱状图，曲线图，刻度图，并适配了不同分辨率的显示。
智慧病理项目
Vue3
Paperjs
OpenSeadragon
- 实现了多窗格对比阅片，其中多窗格可同步平移旋转缩放。
- 实现了基于原生 Canvas 的角度调节组件。
- 使用 dom-to-img 实现了前端截图功能。
晨星资讯（Morningstar）（2019.07-2021.07）
ACE项目（前端组件化重构项目）
Vue2
- 基于业务需求，将原有基于 AngularJS 框架的前端代码使用 Vue 重写。
- 合理划分业务组件，基于公司内部的组件库，设计和实现了可复用的业务组件。
- 通过对 axios 的封装实现了 API 返回的数据和组件 UI 的解耦。
Component Api 项目
BFF
Java
- 使用 Java 设计并实现的 BFF 层，为前端提供定制化的接口。
- 基于 Spring Webflux 框架，使用 Redis 作为缓存，实现了原有旧接口无法分页的问题。
- 项目部署在 AWS ECS 上，学习和实践了 AWS 基础设施的搭建和部署。
