前端技术文章
-
文章 · 前端 | 5天前 | 前端 · Cookie · cors · 自动化测试 · playwright · 前端 cookie cors Playwright SameSite 登录态 跨域测试
登录接口返回成功不等于登录态可用。本文用 Playwright 把 Cookie 保存、跨域请求凭证、CORS 响应头和 SameSite 边界写进一组可重复运行的浏览器回归测试，并给出失败定位与上线检查方法。285 收藏 -
从长列表全量 DOM 的主线程等待链讲起，说明虚拟列表如何通过可见窗口、节点复用和占位高度降低 Layout/Paint 压力，并给出最小实现与上线检查。260 收藏 -
从 Vite 7 升级到 Vite 8 时，先核对浏览器目标和旧配置，再分别检查 Rolldown、Oxc 与 CommonJS 导入边界，最后用构建产物和关键页面完成回归。248 收藏 -
Content Security Policy 可以限制页面可加载资源的来源，但直接启用容易误伤业务。本文整理从资源盘点、报告观察到正式拦截和回归验收的上线步骤，适用于生产站点的渐进式加固。241 收藏 -
大文件上传卡顿，通常不是把请求并发数调大就能解决。前端需要先把 File 切成固定大小的分片，用 SHA-256 或服务端校验确认每片，再用有限并发窗口上传，失败时只重试缺失分片。本文用浏览器原生 API 拆出一套可回查、可暂停、可恢复的实现边界。211 收藏 -
文章 · 前端 | 1星期前 | 前端 · javascript · css · View Transition API · JavaScript 浏览器兼容 View Transition API document.startViewTransition 前端筛选列表 SPA过渡
从商品筛选列表切换时的突兀重绘切入，使用 document.startViewTransition 包住 DOM 更新，给出筛选状态、动效样式、浏览器回退和可访问性检查，避免为了动效破坏点击与焦点。196 收藏 -
面向 CSS position: sticky 不生效的排查清单，按现象、分层检查、证据判断、修复动作、反向验证和最终清单逐步定位 top、overflow、父级高度与滚动容器问题。179 收藏