公司项目夸克网盘 · Web / PC

PDF 预览编辑容器

面向夸克网盘 Web 与 PC 客户端的 PDF 预览、页面管理与批注编辑能力,相关模块以 npm 私有 SDK 形式交付。

项目角色 前端开发参与时间 2023.04 — 2025.03
ReactElectronPDF.jsSCSSIPC虚拟列表

项目界面说明

通过 PDF 阅读与页面管理的实际界面,展示项目功能和复杂文档操作场景。

夸克网盘 PDF 预览容器真实界面,显示文档标签、页码缩放工具栏、页面缩略图和批注编辑区

PDF 预览与编辑界面

支持多标签文档阅读、页面缩略图浏览、缩放、批注和编辑操作;左侧页面列表与中央阅读画布配合,承载长文档管理。

项目实际界面点击截图查看大图
夸克网盘 PDF 页面管理真实界面,展示 8031 页文档、多页缩略图、拖动排序和页面操作工具栏

页面管理:8031 页 PDF

页面视图支持拖动调整顺序,并可按住 Ctrl 或 Shift 多选;工具栏提供提取、插入、旋转和删除等批量操作。

项目实际界面点击截图查看大图

我负责的工作

从 PDF 页面管理,到大文件任务调度,再到桌面端多标签架构,负责核心模块设计和开发落地。

01

页面管理与公共工具栏

负责页面管理模块和公共工具栏,支持跨页选择、框选、拖拽排序、旋转、插入、删除及批量操作,并接入 Undo / Redo。

02

Electron 多标签容器

主进程维护窗口、标签与 WebContentsView 映射,通过 View ID 路由 IPC;支持标签排序、跨窗口迁移和拖拽创建窗口。

03

标签迁移与资源生命周期

迁移时复用原 WebContentsView,保留 PDF 页码、缩放和编辑状态;关闭标签时终止 PDFium 文件 I/O 并释放对应视图。

长文档性能:支持约 8000 页 PDF 的页面管理

针对大文件缩略图解析开销,使用虚拟列表控制页面渲染范围,并按可视区域调度任务。快速滚动时取消过期解析任务,结合缓存和失败重试,降低无效工作并保持页面操作响应。

持续迭代与稳定性治理

项目周期内持续参与夸克网盘 Web 与 PC 客户端的 PDF 能力迭代,负责跨端兼容和问题治理;围绕页面管理、公共工具栏及多标签容器持续优化性能、可维护性和 SDK 交付质量。