前端微白

你给一家在线教育平台做「课程视频批量上传」功能。 需求听起来很朴素：讲师后台一次性拖 20 个 4K 视频，浏览器要稳、要快、要能断网续传。 你第一版直接 <input type="file"> +

你正在给一家 SaaS 客户做「企业级仪表盘」项目。 需求很简单：把 20 多个子系统的实时指标汇总到一张大屏。 为了“图省事”，你在入口文件里顺手写了这么一段： 上线两周后，客户反馈： “切到别的标

上周运营在群里炸锅： “东南亚用户打开活动页要 7 秒，国内只要 1 秒，是不是 CDN 挂了？” 第一反应是 CDN 节点问题，结果 curl 一看，TLS 握手 30 ms，首包却 2.8 s——

线上告警：用户上午 10:00 登录成功，10:15 刷新页面却跳回登录页。 排查发现，你给 token Cookie 设置了 Max-Age=900，但运维在 Nginx 又加了一层 proxy_c

你给后台管理系统加了一个「企业风采」模块，运营同学一口气上传了 200 张 8K 宣传海报。首屏直接飙到 8.3 s，LCP 红得发紫。 老板一句「能不能像朋友圈那样滑到哪看到哪？」——于是你把懒加载

你在做「企业级低代码平台」时，客户把 200+ 微应用一次性嵌进门户首页。 浏览器自带的进度条只认主文档，微应用懒加载的 JS/CSS/图片它一概不管，用户盯着 100 % 的进度条却白屏 3 秒，投

你刚把 Vue-lite 交付给私有化客户，领导转头就在群里甩了一句：“下周评审，把各模块代码行数统计出来，软著申请要用。” 用 cloc？当然可以，但客户环境没外网，装不了二进制。于是，你 15 分

你在一家做 B 端 SaaS 的公司，产品迭代节奏极快。某天，老板突然甩来一句：“客户要私有化部署，包体必须 < 500 KB，脚手架里那些没用到的依赖全给我砍掉！” 那一刻，你深刻体会到：脚手架是“

一、问题场景：被 DOM 击溃的选座系统 你在接手重构某影院 Web 选座系统时，遭遇了性能噩梦： 座位数量：单厅 300+ 座位，用 div + CSS 布局 用户痛点：缩放卡顿、选择延迟、移动端崩