浏览器
已收录文章:9篇
-
WebGPU 页面第一次绘制出现短暂卡顿,通常不是 Canvas 画布本身慢,而是浏览器首次创建 shader module、render pipeline 和相关资源时发生了编译与校验。本文从首帧时间线出发,说明如何拆分准备阶段、预热 pipeline、缓存可复用对象,并处理设备丢失与低端设备边界。464 收藏
-
跨文档 View Transitions 不是给单页应用换皮:当前页和目标页要同源并同时用 @view-transition 选择加入,元素命名还要避免冲突。本文从多页站点导航现场出发,给出最小接入、滚动位置处理、浏览器降级和上线验收清单。412 收藏
-
View Transition API 能让页面切换从硬切变成连续过渡,但快照时机、伪元素样式和不支持浏览器的降级处理,都会造成白闪、旧页面残留或动画不生效。本文从可复现的闪烁现场出发,逐项定位并给出可回退的实现方式。394 收藏
-
页面关闭、跳转或切后台时,上报请求容易被浏览器中断。本文对比 navigator.sendBeacon 与 fetch keepalive 的适用边界,给出请求体、响应处理、幂等键和重复提交验收方法,帮助把离开页面前的轻量数据上报做得更可靠。379 收藏
-
文章 · 前端 | 3星期前 | 浏览器 · javascript · scheduler.postTask Prioritized Task Scheduling TaskController 前端任务调度用 scheduler.postTask 把用户可见工作与后台任务分开,讲清优先级、TaskController 取消、能力检测和不支持时的 setTimeout 降级边界。372 收藏
-
Popover API 的弹层如果只给 :popover-open 写过渡,首次打开和关闭时常会出现闪现或瞬间消失。本文从最小示例出发,说明 @starting-style、transition-behavior、overlay 与 reduced motion 的配合边界。307 收藏
-
Fetch API 适合现代上传请求,但标准接口目前没有通用的上传进度事件。本文用一个可回退的前端上传流程,说明何时选择 XMLHttpRequest、如何显示进度,以及取消、失败和重复提交怎么验收。290 收藏
-
Python 的 webbrowser.open 适合把链接交给系统浏览器打开,但它不是 Selenium 或 Playwright,返回 True 也不代表页面加载成功。本文用最小示例拆开控制器选择、返回值和无界面环境的边界。223 收藏
-
文章 · 前端 | 3星期前 | 前端 · 浏览器 · javascript · css · 交互体验 · CSS过渡 dialog popover CSS @starting-style 首次显示动画元素第一次进入页面或从 display:none 变为可见时,普通 transition 没有起始帧,popover 和 dialog 尤其容易出现硬切。CSS @starting-style 可以补上首次显示状态,但仍要处理 overlay、关闭动画、浏览器降级和 prefers-reduced-motion。171 收藏