- 记录在华为云ECS上从零部署一个纯前端2048小游戏的过程，含代码结构与本地服务启动验证，适合前端入门练手。 记录在华为云ECS上从零部署一个纯前端2048小游戏的过程，含代码结构与本地服务启动验证，适合前端入门练手。
- 同一个按钮，元素存在、文字对得上、click() 能调通，却点了没反应。五种成因以及对应的排查顺序。 同一个按钮，元素存在、文字对得上、click() 能调通，却点了没反应。五种成因以及对应的排查顺序。
- 不依赖框架写小工具时，定时器漂移、状态打架、存储抛异常、自动播放拦截、渲染性能这些问题都会暴露出来。本文用 300 行原生 JS 番茄钟的真实代码，给出 5 条可直接复用的自检清单。 不依赖框架写小工具时，定时器漂移、状态打架、存储抛异常、自动播放拦截、渲染性能这些问题都会暴露出来。本文用 300 行原生 JS 番茄钟的真实代码，给出 5 条可直接复用的自检清单。
- OpenTiny 团队的 GenUI SDK 走到了 v1.4.0。如果说 v1.3.0 的意义在于"把核心逻辑从渲染器里拆出来、让物料可插拔"，那 v1.4.0 的主线只有一件事——React 渲染器正式发布，Vue / React / Angular 三大主流框架全覆盖。v1.3.0 时 React 渲染器还停留在 alpha 阶段，而现在已经正式落地，可以交付使用。本文从开发者视角拆解... OpenTiny 团队的 GenUI SDK 走到了 v1.4.0。如果说 v1.3.0 的意义在于"把核心逻辑从渲染器里拆出来、让物料可插拔"，那 v1.4.0 的主线只有一件事——React 渲染器正式发布，Vue / React / Angular 三大主流框架全覆盖。v1.3.0 时 React 渲染器还停留在 alpha 阶段，而现在已经正式落地，可以交付使用。本文从开发者视角拆解...
- 写过的代码片段散落在聊天记录、备忘录、旧项目里，要用时找不到。市面 snippet 工具要么强推云端、要么要装插件、要么搜索难用。我想要一个安静、本地、按语言分类、能秒搜的片段管理器，于是自己写了一个。这篇博客记录从需求到落地的全过程：技术选型、片段存储、搜索、UI 定制心得，以及那些自己写一遍才明白的细节。 写过的代码片段散落在聊天记录、备忘录、旧项目里，要用时找不到。市面 snippet 工具要么强推云端、要么要装插件、要么搜索难用。我想要一个安静、本地、按语言分类、能秒搜的片段管理器，于是自己写了一个。这篇博客记录从需求到落地的全过程：技术选型、片段存储、搜索、UI 定制心得，以及那些自己写一遍才明白的细节。
- KLineChart 是一个基于 HTML5 Canvas 的轻量级金融 K 线图库：零第三方依赖，gzip 后仅约 40KB，内置多种技术指标和画线工具，支持移动端和 TypeScript，可用于任何前端框架（React / Vue / Angular / Svelte / 原生 JS 均可）。 KLineChart 是一个基于 HTML5 Canvas 的轻量级金融 K 线图库：零第三方依赖，gzip 后仅约 40KB，内置多种技术指标和画线工具，支持移动端和 TypeScript，可用于任何前端框架（React / Vue / Angular / Svelte / 原生 JS 均可）。
- 截图后想加个箭头、圈个重点、打个马赛克，市面工具要么功能臃肿、要么强推云端、要么标注完还要登录才能导出。我想要一个安静、本地、标注完即存的截图工具，于是自己写了一个。这篇博客记录从需求到落地的全过程：技术选型、画布实现、标注工具、导出心得，以及那些自己写一遍才明白的细节。 截图后想加个箭头、圈个重点、打个马赛克，市面工具要么功能臃肿、要么强推云端、要么标注完还要登录才能导出。我想要一个安静、本地、标注完即存的截图工具，于是自己写了一个。这篇博客记录从需求到落地的全过程：技术选型、画布实现、标注工具、导出心得，以及那些自己写一遍才明白的细节。
- 把前端构建、产物归档和灰度切换收进一条流水线，比每次手工上传更稳。下面三点是我最近落地时觉得最值的。1. 产物带版本号，别只覆盖 latest每次构建把 dist 打成带 git short SHA 的 zip 或目录，再同步到 OBS/静态托管。出问题直接把 CDN 或托管入口指回上一份目录，比「再跑一遍流水线」更快。2. 构建环境与线上 Node 版本对齐本地用 Node 20、流水线却... 把前端构建、产物归档和灰度切换收进一条流水线，比每次手工上传更稳。下面三点是我最近落地时觉得最值的。1. 产物带版本号，别只覆盖 latest每次构建把 dist 打成带 git short SHA 的 zip 或目录，再同步到 OBS/静态托管。出问题直接把 CDN 或托管入口指回上一份目录，比「再跑一遍流水线」更快。2. 构建环境与线上 Node 版本对齐本地用 Node 20、流水线却...
- 云实验详情页点“开始实验”后页面无变化，通过监听 XHR 还原了它实际发了什么、后端返回了什么，并给出几种可行的排查与进入方式。 云实验详情页点“开始实验”后页面无变化，通过监听 XHR 还原了它实际发了什么、后端返回了什么，并给出几种可行的排查与进入方式。
- 最近用华为云码道 CodeArts 做了一个小作品：连连看·科技版。纯前端实现，打开就能玩，顺便把实现思路记下来。 最近用华为云码道 CodeArts 做了一个小作品：连连看·科技版。纯前端实现，打开就能玩，顺便把实现思路记下来。
- 前端做 Base64 编解码，编码解码都调通了，拼进网址里却常翻车。我有一次把一段标准 Base64 直接放进链接参数里发出去，对方解出来是乱的——不是编码错了，是网址把里面的字符改了。问题出在三个字符上：标准 Base64 里的 + 到了查询参数里会被当成空格，/ 会把路径切断，末尾的 = 也容易被截掉。编码本身没问题，一过网址这道关就变了样，查半天还以为是解码端的问题。我现在的习惯就一步... 前端做 Base64 编解码，编码解码都调通了，拼进网址里却常翻车。我有一次把一段标准 Base64 直接放进链接参数里发出去，对方解出来是乱的——不是编码错了，是网址把里面的字符改了。问题出在三个字符上：标准 Base64 里的 + 到了查询参数里会被当成空格，/ 会把路径切断，末尾的 = 也容易被截掉。编码本身没问题，一过网址这道关就变了样，查半天还以为是解码端的问题。我现在的习惯就一步...
- 介绍如何用原生 dialog 的 showModal() 打开模态框，并对主内容区设置 inert，阻止键盘焦点与鼠标交互逃逸到背景；同时处理关闭后的焦点返回与浏览器降级方案，给出可运行的最小示例。 介绍如何用原生 dialog 的 showModal() 打开模态框，并对主内容区设置 inert，阻止键盘焦点与鼠标交互逃逸到背景；同时处理关闭后的焦点返回与浏览器降级方案，给出可运行的最小示例。
- 同一份 Canvas 页面，有的机器截出完整画面，有的截出纯黑。原因是无头浏览器在首帧前就截了图。记录 virtual-time-budget、固定窗口尺寸和 DPR 处理的经验。 同一份 Canvas 页面，有的机器截出完整画面，有的截出纯黑。原因是无头浏览器在首帧前就截了图。记录 virtual-time-budget、固定窗口尺寸和 DPR 处理的经验。
- 市面番茄钟工具要么塞满功能、要么强推云端同步、要么 UI 改不动。我想要一个安静、本地、能配合自己工作节奏的专注工具，于是自己写了一个。这篇博客记录从需求到落地的全过程：技术选型、计时实现、专注统计、UI 定制心得，以及那些自己写一遍才明白的细节。 市面番茄钟工具要么塞满功能、要么强推云端同步、要么 UI 改不动。我想要一个安静、本地、能配合自己工作节奏的专注工具，于是自己写了一个。这篇博客记录从需求到落地的全过程：技术选型、计时实现、专注统计、UI 定制心得，以及那些自己写一遍才明白的细节。
- 总结现代 Web 项目基于 ESM/Vite 的资源分包策略、首屏优化以及核心性能指标（CWV）监控方案。（记录日期：2026-10-25） 总结现代 Web 项目基于 ESM/Vite 的资源分包策略、首屏优化以及核心性能指标（CWV）监控方案。（记录日期：2026-10-25）
上滑加载中
推荐直播
-
华为云码道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华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签