前端技术文章
-
文章 · 前端 | 3星期前 | 表格 · 前端 · 性能优化 · javascript · ResizeObserver · ResizeObserver ResizeObserver loop completed 表格自适应列宽 前端防抖 ResizeObserverEntry
表格列宽跟随容器变化时，ResizeObserver 回调里直接改尺寸，容易让观察回调再次触发，最终出现 ResizeObserver loop completed with undelivered notifications。本文比较同步改宽、requestAnimationFrame 合并和断点缓存三种方案，给出一个可复查的表格列宽实现。301 收藏 -
文章 · 前端 | 3星期前 | 前端 · Cookie · cors · 自动化测试 · playwright · 前端 cookie cors Playwright SameSite 登录态 跨域测试
登录接口返回成功不等于登录态可用。本文用 Playwright 把 Cookie 保存、跨域请求凭证、CORS 响应头和 SameSite 边界写进一组可重复运行的浏览器回归测试，并给出失败定位与上线检查方法。285 收藏 -
前端上线后用户仍看到旧页面，通常不是重新部署失败，而是 HTML、静态资源缓存和 Service Worker 的更新边界没有分开。本文用一套可回滚的发布检查，讲清 Cache-Control、文件指纹、CDN 缓存刷新和浏览器验证如何配合。267 收藏 -
从 Vite 7 升级到 Vite 8 时，先核对浏览器目标和旧配置，再分别检查 Rolldown、Oxc 与 CommonJS 导入边界，最后用构建产物和关键页面完成回归。248 收藏 -
大文件上传卡顿，通常不是把请求并发数调大就能解决。前端需要先把 File 切成固定大小的分片，用 SHA-256 或服务端校验确认每片，再用有限并发窗口上传，失败时只重试缺失分片。本文用浏览器原生 API 拆出一套可回查、可暂停、可恢复的实现边界。211 收藏 -
商品卡片内容长短不一时，底部价格和按钮容易上下漂移。本文从实际错位现象入手，用 CSS Grid 的 subgrid 统一行轨道，并给出不支持 subgrid 浏览器的稳定降级写法。130 收藏 -
前端上传几百 MB 文件时，真正容易卡住的不是单个请求，而是分片队列、并发窗口和失败重试互相放大。本文用浏览器 File.slice、Promise 队列和服务端分片状态，拆解从一次性上传改成可暂停、可续传方案时的架构取舍。127 收藏