前端
已收录文章：47篇
-
CSS 容器查询让卡片组件根据自身可用宽度改变布局，而不是只看浏览器宽度。本文用商品卡片示例讲清 container-type、@container、断点选择和回归检查。491 收藏
-
文章 · 前端 | 1个月前 | 定时器 · 前端 · 性能排查 · 接口请求 · 轮询 · setInterval · setInterval 页面可见性 clearInterval 前端轮询 请求堆积 定时器清理本文从前端页面切换后轮询接口越打越多的现象开始，逐步排查重复定时器、未清理请求和页面隐藏仍轮询的问题，并用单例 timer、请求锁、隐藏暂停和卸载清理恢复稳定。490 收藏
-
文章 · 前端 | 2个月前 | 前端 · javascript · 缓存治理 · localStorage · Web性能 · 前端 本地缓存 localStorage 过期时间 版本迁移 异常兜底本文用搜索筛选条件缓存场景，演示 localStorage 如何封装过期时间、版本号、迁移逻辑和异常兜底，避免旧缓存影响页面状态。480 收藏
-
文章 · 前端 | 1个月前 | 前端 · 缓存 · Service Worker · 白屏 · 发布故障 · 缓存策略 前端白屏 Service Worker CacheStorage 资源404 发布回滚复盘一次前端发布后部分用户白屏的问题：旧 Service Worker 返回旧 index.html，页面继续请求已删除的哈希 JS，最终触发资源 404。文章给出排查证据、修复动作和防复发清单。469 收藏
-
列表页滚动到中间，点进详情再返回却回到顶部，这是很多前端项目都会遇到的体验问题。本文从复现现象开始，逐步验证浏览器默认恢复、组件重建和列表数据时机，最后用位置记录和渲染完成后恢复来解决。458 收藏
-
本文从 position sticky 写了却不吸顶的现场出发，按滚动容器、top 值、父级 overflow、高度限制和表格/弹窗布局逐步排查，并给出修复与复查清单。449 收藏
-
大文件上传到底该让浏览器把数据交给业务服务，还是直接送到对象存储？本文从流量路径、分片重试、权限边界和完成校验四个维度比较两种方案，并给出基于 Blob.slice、预签名 URL 与 uploadId 的可落地实现边界。448 收藏
-
文章 · 前端 | 1个月前 | 前端 · javascript · AbortController · 表单提交 · AbortController 旧响应覆盖 前端重复提交 loading锁 fetch取消 按钮防抖用一个可复制的前端配方解决按钮重复提交：解释连续点击为什么会造成旧响应覆盖新状态，并用 loading 锁、AbortController、最新序号和 finally 恢复按钮状态。442 收藏
-
按业务流量、部署约束、方案对比、推荐架构、风险点和落地清单，梳理前端静态资源上云时对象存储、CDN 和容器服务的选择方法。433 收藏
-
文章 · 前端 | 1个月前 | 前端 · 性能优化 · css · Core Web Vitals · 渲染性能 · 前端 渲染性能 CSS性能 CLS content-visibility contain-intrinsic-size Layout从长页面首屏慢、滚动卡和 Layout 时间高的现象入手，讲清 content-visibility:auto 如何跳过离屏区块，为什么要配 contain-intrinsic-size，并给出 DevTools 复查和上线检查清单。430 收藏
-
科技周边 · 人工智能 | 4星期前 | 前端 · 人工智能 · 用户体验 · 可访问性 · 流式输出 · AI对话 AbortController AbortSignal 流式输出 aria-live 停止生成AI 对话的停止按钮不只是调用 abort()。要让用户、键盘操作和辅助技术都获得一致反馈，需要为每次请求新建 AbortController，正确收尾读取循环，并把生成、停止、失败状态放进合适的实时状态区域。425 收藏
-
本文整理一套前端 CORS 预检失败的排查流程，从浏览器请求头、OPTIONS 预检、服务端响应、网关转发到 Cookie 场景逐步定位，帮助接口联调更快闭环。422 收藏