- 音频波形不需要逐采样点绘制。这篇讲清楚 decodeAudioData、按像素分桶、峰值与均方根计算、高分屏绘制以及资源释放。 音频波形不需要逐采样点绘制。这篇讲清楚 decodeAudioData、按像素分桶、峰值与均方根计算、高分屏绘制以及资源释放。
- 元素定位点错目标：包含匹配、祖先节点与隐藏副本自动化脚本最容易被误判的一类故障是"点了没反应"或"点开了别的页面"。日志里事件确实派发了，坐标确实落在元素上，但落地页不是预期的那个。多数情况下不是前端拦了点击，而是脚本从一开始就选中了错误的节点。下面三种成因在真实页面里反复出现，每一种都有可观测的判据。 一、包含匹配会跨卡片污染按文案找按钮时常用这种写法：const hit = [...d... 元素定位点错目标：包含匹配、祖先节点与隐藏副本自动化脚本最容易被误判的一类故障是"点了没反应"或"点开了别的页面"。日志里事件确实派发了，坐标确实落在元素上，但落地页不是预期的那个。多数情况下不是前端拦了点击，而是脚本从一开始就选中了错误的节点。下面三种成因在真实页面里反复出现，每一种都有可观测的判据。 一、包含匹配会跨卡片污染按文案找按钮时常用这种写法：const hit = [...d...
- 本文用 aria-activedescendant 让焦点留在输入框，方向键更新高亮项，Enter 选中并同步 aria-expanded，Esc 关闭并清空高亮，给出最小可运行示例与边界处理。 本文用 aria-activedescendant 让焦点留在输入框，方向键更新高亮项，Enter 选中并同步 aria-expanded，Esc 关闭并清空高亮，给出最小可运行示例与边界处理。
- 异步表单校验常出现错误提示已显示但读屏器未感知、重复提交重复播报的问题。本文用 role=alert 汇总错误、aria-describedby 关联字段错误，并在聚焦首个错误字段时通过消息去重避免重复播报，附最小可运行示例。 异步表单校验常出现错误提示已显示但读屏器未感知、重复提交重复播报的问题。本文用 role=alert 汇总错误、aria-describedby 关联字段错误，并在聚焦首个错误字段时通过消息去重避免重复播报，附最小可运行示例。
- 做浏览器自动化时，很容易产生一个念头：页面上的操作，我干脆不点 UI 了，直接把接口调一遍不就行了？ 做浏览器自动化时，很容易产生一个念头：页面上的操作，我干脆不点 UI 了，直接把接口调一遍不就行了？
- 做后台管理页面时最容易写坏的不是复杂交互，是列表页。一个列表页往往要同时处理后端分页、前端筛选、排序、批量选择、刷新后状态保持、以及空态与加载态的切换，每一项单独都不难，堆在一起就会长出两千行组件。我们最近把一个两千三百行的列表页拆开，过程记在这里。第一步是先分清哪些状态属于查询、哪些属于界面。查询状态包括页码、每页条数、排序字段、排序方向、以及全部筛选条件，它们的共同特点是变了就要重新请求... 做后台管理页面时最容易写坏的不是复杂交互，是列表页。一个列表页往往要同时处理后端分页、前端筛选、排序、批量选择、刷新后状态保持、以及空态与加载态的切换，每一项单独都不难，堆在一起就会长出两千行组件。我们最近把一个两千三百行的列表页拆开，过程记在这里。第一步是先分清哪些状态属于查询、哪些属于界面。查询状态包括页码、每页条数、排序字段、排序方向、以及全部筛选条件，它们的共同特点是变了就要重新请求...
- 网页截图导出经常遇到白图、字体错位和跨域图片缺失。这篇讲清楚 Canvas 绘制流程、字体与资源等待，以及跨域图片的处理边界。 网页截图导出经常遇到白图、字体错位和跨域图片缺失。这篇讲清楚 Canvas 绘制流程、字体与资源等待，以及跨域图片的处理边界。
- 跨域 iframe 里读不到 DOM：用 CDP 执行上下文直接求值页面明明渲染出来了，document.body.innerText 却只有几十个字符；想找的按钮、输入框一个都搜不到；iframe.contentDocument 返回 null；在 /json/list 里翻一遍，也没有那个 iframe 对应的独立 target。这是浏览器自动化里很常见的一类僵局：目标界面装在一个跨域... 跨域 iframe 里读不到 DOM：用 CDP 执行上下文直接求值页面明明渲染出来了，document.body.innerText 却只有几十个字符；想找的按钮、输入框一个都搜不到；iframe.contentDocument 返回 null；在 /json/list 里翻一遍，也没有那个 iframe 对应的独立 target。这是浏览器自动化里很常见的一类僵局：目标界面装在一个跨域...
- #HTTP与HTTPSHTTPS在HTTP之下加了TLS层，对传输内容加密并校验证书，防止窃听和篡改。现在浏览器默认对非HTTPS网站标记不安全，全站HTTPS已是标配。---*每日一个技术小知识，第29篇。*... #HTTP与HTTPSHTTPS在HTTP之下加了TLS层，对传输内容加密并校验证书，防止窃听和篡改。现在浏览器默认对非HTTPS网站标记不安全，全站HTTPS已是标配。---*每日一个技术小知识，第29篇。*...
- 很多刚写 React 的同学都会撞上同一个问题：点一次按钮，count 明明 setCount(count + 1) 了，紧接着 console.log(count) 打印出来的却还是旧值。更迷惑的是，有时在 setTimeout 里写同样的代码，打印的又是新值。这不是 React 的 bug，而是状态更新机制本身的特性：状态是快照，更新是调度，不是立刻赋值。一、先建立正确的模型：一次渲染就... 很多刚写 React 的同学都会撞上同一个问题：点一次按钮，count 明明 setCount(count + 1) 了，紧接着 console.log(count) 打印出来的却还是旧值。更迷惑的是，有时在 setTimeout 里写同样的代码，打印的又是新值。这不是 React 的 bug，而是状态更新机制本身的特性：状态是快照，更新是调度，不是立刻赋值。一、先建立正确的模型：一次渲染就...
- 深色模式不只是换一组颜色。这篇讲清楚 CSS 变量分层、system/light/dark 三态切换、首屏防闪烁和跨标签页同步。 深色模式不只是换一组颜色。这篇讲清楚 CSS 变量分层、system/light/dark 三态切换、首屏防闪烁和跨标签页同步。
- 同页锚点若直接平滑滚动，可能与减少动态效果偏好冲突，也会让键盘用户失去位置感。本文用 prefers-reduced-motion 媒体查询切换滚动行为，并在点击后把焦点移到目标标题、按需设置 tabindex='-1'，给出可运行示例与边界说明。 同页锚点若直接平滑滚动，可能与减少动态效果偏好冲突，也会让键盘用户失去位置感。本文用 prefers-reduced-motion 媒体查询切换滚动行为，并在点击后把焦点移到目标标题、按需设置 tabindex='-1'，给出可运行示例与边界说明。
- 本文针对标签页中按 Tab 键逐个穿过全部标签的问题，给出基于 roving tabindex 的最小实现，说明 ArrowLeft/Right/Home/End 如何移动焦点，并同步 aria-selected、tabindex 与 tabpanel 的 hidden 状态。 本文针对标签页中按 Tab 键逐个穿过全部标签的问题，给出基于 roving tabindex 的最小实现，说明 ArrowLeft/Right/Home/End 如何移动焦点，并同步 aria-selected、tabindex 与 tabpanel 的 hidden 状态。
- 记录在华为云ECS上从零部署一个纯前端2048小游戏的过程，含代码结构与本地服务启动验证，适合前端入门练手。 记录在华为云ECS上从零部署一个纯前端2048小游戏的过程，含代码结构与本地服务启动验证，适合前端入门练手。
- 同一个按钮，元素存在、文字对得上、click() 能调通，却点了没反应。五种成因以及对应的排查顺序。 同一个按钮，元素存在、文字对得上、click() 能调通，却点了没反应。五种成因以及对应的排查顺序。
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签