前端
已收录文章：43篇
-
科技周边 · 人工智能 | 3星期前 | 前端 · 人工智能 · 用户体验 · 可访问性 · 流式输出 · AI对话 AbortController AbortSignal 流式输出 aria-live 停止生成AI 对话的停止按钮不只是调用 abort()。要让用户、键盘操作和辅助技术都获得一致反馈，需要为每次请求新建 AbortController，正确收尾读取循环，并把生成、停止、失败状态放进合适的实时状态区域。425 收藏
-
文章 · 前端 | 4星期前 | 前端 · javascript · css · View Transition API · JavaScript 浏览器兼容 View Transition API document.startViewTransition 前端筛选列表 SPA过渡从商品筛选列表切换时的突兀重绘切入，使用 document.startViewTransition 包住 DOM 更新，给出筛选状态、动效样式、浏览器回退和可访问性检查，避免为了动效破坏点击与焦点。196 收藏
-
文章 · 前端 | 1个月前 | 前端 · vite · 运维手册 · 白屏排查 · CDN缓存 · 发布回滚 · React 前端 白屏 vite CDN缓存 index.html 发布回滚 JS 404Vite 或 React 前端发布后突然白屏，常见原因是 index.html 与带 hash 的 JS/CSS 产物不一致，CDN 或浏览器还命中了旧缓存。处理时先确认控制台和 Network 里的 JS 404，再回滚 HTML、清理 CDN、保留最近构建产物，并补上发布前后的检测与告警。342 收藏
-
文章 · 前端 | 1个月前 | 前端 · 性能优化 · css · Core Web Vitals · 渲染性能 · 前端 渲染性能 CSS性能 CLS content-visibility contain-intrinsic-size Layout从长页面首屏慢、滚动卡和 Layout 时间高的现象入手，讲清 content-visibility:auto 如何跳过离屏区块，为什么要配 contain-intrinsic-size，并给出 DevTools 复查和上线检查清单。430 收藏
-
从长列表全量 DOM 的主线程等待链讲起，说明虚拟列表如何通过可见窗口、节点复用和占位高度降低 Layout/Paint 压力，并给出最小实现与上线检查。260 收藏
-
文章 · 前端 | 1个月前 | 前端 · javascript · AbortController · 表单提交 · AbortController 旧响应覆盖 前端重复提交 loading锁 fetch取消 按钮防抖用一个可复制的前端配方解决按钮重复提交：解释连续点击为什么会造成旧响应覆盖新状态，并用 loading 锁、AbortController、最新序号和 finally 恢复按钮状态。442 收藏
-
文章 · 前端 | 1个月前 | 前端 · 缓存 · Service Worker · 白屏 · 发布故障 · 缓存策略 前端白屏 Service Worker CacheStorage 资源404 发布回滚复盘一次前端发布后部分用户白屏的问题：旧 Service Worker 返回旧 index.html，页面继续请求已删除的哈希 JS，最终触发资源 404。文章给出排查证据、修复动作和防复发清单。469 收藏
-
面向前端接口超时告警的运行手册，覆盖触发信号、Network 瀑布图快速判断、前端超时策略、接口分层定位、临时降级、版本回滚、告警确认和复盘清单。287 收藏
-
面向 CSS position: sticky 不生效的排查清单，按现象、分层检查、证据判断、修复动作、反向验证和最终清单逐步定位 top、overflow、父级高度与滚动容器问题。179 收藏
-
按业务流量、部署约束、方案对比、推荐架构、风险点和落地清单，梳理前端静态资源上云时对象存储、CDN 和容器服务的选择方法。433 收藏
-
本文整理一套前端表单重复提交防护工作流，从按钮状态、加载提示、请求取消、幂等键、错误恢复到复查指标，帮助提交类页面减少重复订单和重复保存。374 收藏
-
本文整理一套前端 CORS 预检失败的排查流程，从浏览器请求头、OPTIONS 预检、服务端响应、网关转发到 Cookie 场景逐步定位，帮助接口联调更快闭环。422 收藏