javascript
已收录文章：29篇
-
用浏览器原生 Popover API 做一个键盘可用的操作菜单，覆盖 popovertarget、自动关闭、焦点回收、toggle 事件和不支持浏览器的降级方案。340 收藏
-
Popover API 的弹层如果只给 :popover-open 写过渡，首次打开和关闭时常会出现闪现或瞬间消失。本文从最小示例出发，说明 @starting-style、transition-behavior、overlay 与 reduced motion 的配合边界。307 收藏
-
拖拽排序松手后顺序回跳，通常不是 CSS 问题，而是指针位置、占位元素和最终数组没有在同一个时序里更新。本文用 Pointer Events、占位节点和单一提交点拆解竞态，并给出可复核的实现与验收方法。296 收藏
-
Fetch API 适合现代上传请求，但标准接口目前没有通用的上传进度事件。本文用一个可回退的前端上传流程，说明何时选择 XMLHttpRequest、如何显示进度，以及取消、失败和重复提交怎么验收。290 收藏
-
Web Worker 处理大数组或文件切片时，结构化克隆会复制数据，Transferable 则转移底层内存。本文用 ArrayBuffer 实验说明两者的边界、发送后原对象为何被清空，以及如何用生命周期和回收检查避免主线程内存持续上涨。273 收藏
-
搜索框快速输入时，慢请求可能晚于新请求返回，旧结果就会覆盖当前关键词。本文用请求序号、AbortController 和有限并发预算拆解竞态边界，并给出取消、回收和键盘操作下的验收办法。260 收藏
-
科技周边 · 业界新闻 | 2个月前 | Node.js · javascript · 工程实践 · 版本发布 · 版本升级 业界新闻 Node.js 26.7.0 Node.js Current API回归Node.js 26.7.0 作为 Current 版本发布后，团队应先核对运行时版本、依赖原生模块、测试矩阵和回退方式，再决定是否把新版本用于开发环境或生产服务。242 收藏
-
科技周边 · 业界新闻 | 2个月前 | 安全 · Node.js · javascript · 运行时 · Node.js 26 --permission Permission Model ERR_ACCESS_DENIED 运行时权限Node.js Permission Model 在 Node.js 26 文档中已是稳定能力，但它限制的是运行时可调用资源，不等于操作系统级沙箱。本文结合 --allow-fs-read、--allow-child-process 与 ERR_ACCESS_DENIED，拆解它适合的部署边界、容易误判的地方和迁移检查清单。227 收藏
-
前端表单重复提交通常不是单纯把按钮 disabled 就能解决。本文从 submit 事件、form.submit()、requestSubmit() 和原生校验的差异出发，给出一次提交门闩、异步恢复与键盘回车场景的可验证写法。200 收藏
-
用户连续点击提交按钮，常见结果是重复请求、重复订单或失败后无法恢复。本文从 HTML formdata 事件切入，拆开提交锁、请求取消、失败恢复和键盘回车的边界，给出可核对的前端实现。190 收藏
-
文章 · 前端 | 2个月前 | 前端 · 浏览器 · javascript · css · 交互体验 · CSS过渡 dialog popover CSS @starting-style 首次显示动画元素第一次进入页面或从 display:none 变为可见时，普通 transition 没有起始帧，popover 和 dialog 尤其容易出现硬切。CSS @starting-style 可以补上首次显示状态，但仍要处理 overlay、关闭动画、浏览器降级和 prefers-reduced-motion。171 收藏
-
文章 · 前端 | 2个月前 | html · 前端 · javascript · css · 表单校验 Web Components ElementInternals form-associated custom elements setValidity把日期选择器、验证码框等自定义元素接入原生 form，不必再在提交事件里重复拼装校验。本文用 ElementInternals、setFormValue 和 setValidity 做一个可提交、可校验的 custom element，并说明浏览器能力不足时如何降级。134 收藏