引言

在现代前端开发中，合理使用 CDN 可以显著提升应用加载速度，但同时也带来了可用性挑战。本文将深入探讨如何实现稳健的 CDN 加载策略，包括开发与生产环境的不同处理方式，以及必不可少的 fallback 机制。

问题场景

在实现ESOP文档显示功能时，需要根据文档分类和工序查询大文件（视频/文档）并解析。由于解析接口耗时，当用户快速切换分类或工序时，会遇到以下核心问题：

1. 请求异常
   批量取消旧请求后立即发起新请求，Network面板无新请求产生
2. 进度条异常
   NProgress进度条在取消操作后不显示

前言

在前端开发中，我们经常遇到一些计算量大的任务：数据处理、图表预计算、循环遍历、密集数学运算等。如果不小心放在主线程中同步执行，很容易导致：

• 页面卡顿、掉帧；
• 动画不流畅；
• 用户点击无响应；
• “页面无响应”警告。

性能优化目标

• 保证资源更快的 加载速度（网络层面）

• 保证视图更快的 渲染速度/交互速度 （浏览器层面）