前端技术文章
-
文章 · 前端 | 3星期前 | 前端 · 缓存 · Service Worker · 白屏 · 发布故障 · 缓存策略 前端白屏 Service Worker CacheStorage 资源404 发布回滚
复盘一次前端发布后部分用户白屏的问题：旧 Service Worker 返回旧 index.html，页面继续请求已删除的哈希 JS，最终触发资源 404。文章给出排查证据、修复动作和防复发清单。469 收藏 -
本文从前端调用方视角说明批量导出接口的设计取舍：为什么大文件导出不建议同步下载，如何拆成创建任务、查询状态、获取下载链接，并给出参数、错误码和兼容策略。296 收藏 -
本文用读者问答方式说明后台表格列设置刷新后丢失的处理方案：把可见列、列宽、列顺序保存成带版本的用户偏好，读取时过滤已删除字段，合并默认列，并提供重置和清理策略。351 收藏 -
本文围绕后台通知、订单状态、协作消息等场景，对比短轮询、SSE 和 WebSocket 的连接成本、实时性、方向能力和降级方式，给出可落地的选择规则。498 收藏 -
面向前端接口超时告警的运行手册，覆盖触发信号、Network 瀑布图快速判断、前端超时策略、接口分层定位、临时降级、版本回滚、告警确认和复盘清单。287 收藏 -
面向 CSS position: sticky 不生效的排查清单，按现象、分层检查、证据判断、修复动作、反向验证和最终清单逐步定位 top、overflow、父级高度与滚动容器问题。179 收藏 -
按业务流量、部署约束、方案对比、推荐架构、风险点和落地清单，梳理前端静态资源上云时对象存储、CDN 和容器服务的选择方法。433 收藏 -
本文整理一套前端表单重复提交防护工作流，从按钮状态、加载提示、请求取消、幂等键、错误恢复到复查指标，帮助提交类页面减少重复订单和重复保存。374 收藏 -
本文整理一套前端 CORS 预检失败的排查流程，从浏览器请求头、OPTIONS 预检、服务端响应、网关转发到 Cookie 场景逐步定位，帮助接口联调更快闭环。422 收藏 -
本文从 position sticky 写了却不吸顶的现场出发，按滚动容器、top 值、父级 overflow、高度限制和表格/弹窗布局逐步排查，并给出修复与复查清单。449 收藏 -
本文用完整工作流讲解前端图片懒加载：首屏主图优先加载，视口外图片延后请求，并通过 LCP、网络请求和滚动体验验证优化效果。105 收藏 -
本文从表单联动字段使用旧状态校验、用户连点导致重复提交的现场出发，排查原因并给出派生规则、同步校验和提交锁的修复方案。285 收藏 -
本文用完整工作流讲解前端长列表虚拟滚动：计算可视区、设置上下占位、只渲染窗口数据，并用卡顿排查清单验证优化效果。111 收藏 -
文章 · 前端 | 1个月前 | 定时器 · 前端 · 性能排查 · 接口请求 · 轮询 · setInterval · setInterval 页面可见性 clearInterval 前端轮询 请求堆积 定时器清理
本文从前端页面切换后轮询接口越打越多的现象开始，逐步排查重复定时器、未清理请求和页面隐藏仍轮询的问题，并用单例 timer、请求锁、隐藏暂停和卸载清理恢复稳定。490 收藏 -
本文用完整工作流梳理前端表单重复提交治理：先做表单校验，再锁定按钮和请求状态，配合唯一 key 让后端识别重复请求，最后恢复状态并给出可复用清单。253 收藏