- 从零到一：用 CodeArts 构建愤怒的小鸟 HTML5 游戏的实战笔记本文记录了使用华为云 CodeArts 智能体从零构建一个完整的愤怒的小鸟 HTML5 物理弹射游戏的全过程，涵盖技术选型、架构设计、实战踩坑和优化思考。 一、技术路线 1.1 整体思路本项目的目标是构建一个零依赖、开箱即用的 HTML5 游戏。技术路线如下：需求分析 → 架构设计 → CodeArts 代码生成 →... 从零到一：用 CodeArts 构建愤怒的小鸟 HTML5 游戏的实战笔记本文记录了使用华为云 CodeArts 智能体从零构建一个完整的愤怒的小鸟 HTML5 物理弹射游戏的全过程，涵盖技术选型、架构设计、实战踩坑和优化思考。 一、技术路线 1.1 整体思路本项目的目标是构建一个零依赖、开箱即用的 HTML5 游戏。技术路线如下：需求分析 → 架构设计 → CodeArts 代码生成 →...
- 题库刷题小程序怎么做？考试答题小程序自助搭建实操指南移动互联网时代，刷题早已不是捧着厚重习题册在台灯下苦熬的场景。无论是职业考证、公考考研、校内随堂测试，还是企业内部技能考核，用户越来越习惯在手机上利用碎片时间完成练习。对培训机构、知识博主、企业培训部门来说，拥有一款专属的题库刷题小程序，意味着能够直接触达用户、沉淀学习数据、实现知识变现。过去，这往往需要组建技术团队、投入数万元开发费用、耗... 题库刷题小程序怎么做？考试答题小程序自助搭建实操指南移动互联网时代，刷题早已不是捧着厚重习题册在台灯下苦熬的场景。无论是职业考证、公考考研、校内随堂测试，还是企业内部技能考核，用户越来越习惯在手机上利用碎片时间完成练习。对培训机构、知识博主、企业培训部门来说，拥有一款专属的题库刷题小程序，意味着能够直接触达用户、沉淀学习数据、实现知识变现。过去，这往往需要组建技术团队、投入数万元开发费用、耗...
- 对很多中小商家来说，真正的难题不是“有没有一个线上店”，而是：两三个人的小团队，能不能做出像成熟品牌一样的线上经营感？首页看起来是否可信，商品分类是否清楚，促销活动是否像样，会员体系是否能沉淀老客，订单和数据后台是否能支撑日常管理。这就是本文想测的核心：一个小程序制作平台，能不能帮小团队做出“大店感”。本次我们选取凡科商城、有赞、乔拓云、上线了四个平台，从品牌呈现、交易能力、营销玩法、会员运... 对很多中小商家来说，真正的难题不是“有没有一个线上店”，而是：两三个人的小团队，能不能做出像成熟品牌一样的线上经营感？首页看起来是否可信，商品分类是否清楚，促销活动是否像样，会员体系是否能沉淀老客，订单和数据后台是否能支撑日常管理。这就是本文想测的核心：一个小程序制作平台，能不能帮小团队做出“大店感”。本次我们选取凡科商城、有赞、乔拓云、上线了四个平台，从品牌呈现、交易能力、营销玩法、会员运...
- 现在主流的手机操作系统有Android、iOS和HarmonyOS（鸿蒙系统），为了减少同时维护三种客户端的工作量，一般采用APP内嵌H5页面的形式。由于H5不能直接调用客户端的原生能力，比如相机、麦克风，以及读取设备信息，因此需要在APP与H5之间搭建一种双向通信的桥梁机制。一、JSBridge的开源框架JSBridge（JavaScript Bridge）就是这种H5混合App的双向通... 现在主流的手机操作系统有Android、iOS和HarmonyOS（鸿蒙系统），为了减少同时维护三种客户端的工作量，一般采用APP内嵌H5页面的形式。由于H5不能直接调用客户端的原生能力，比如相机、麦克风，以及读取设备信息，因此需要在APP与H5之间搭建一种双向通信的桥梁机制。一、JSBridge的开源框架JSBridge（JavaScript Bridge）就是这种H5混合App的双向通...
- 2026年基于vue3.5+vite7+vant4.x+pinia3手搓微信app界面聊天实例Vue3-WeChat。 2026年基于vue3.5+vite7+vant4.x+pinia3手搓微信app界面聊天实例Vue3-WeChat。
- 手把手教你用HTML5撸个免费播放器 手把手教你用HTML5撸个免费播放器
- 引言在现代前端开发中，用户体验始终是我们关注的核心。特别是在企业级应用中，复杂的筛选条件往往让用户感到困扰。本文将介绍如何利用 HTML5 原生的 <details> 和 <summary> 标签，结合 CSS 优化，构建一个轻量级且高效的筛选面板组件。这种方案不仅减少了 JavaScript 的依赖，还能提供流畅的动画效果，在新零售供应链系统中具有很高的实用价值。为什么选择 Details... 引言在现代前端开发中，用户体验始终是我们关注的核心。特别是在企业级应用中，复杂的筛选条件往往让用户感到困扰。本文将介绍如何利用 HTML5 原生的 <details> 和 <summary> 标签，结合 CSS 优化，构建一个轻量级且高效的筛选面板组件。这种方案不仅减少了 JavaScript 的依赖，还能提供流畅的动画效果，在新零售供应链系统中具有很高的实用价值。为什么选择 Details...
- 深入解析 HTML5 视频事件：从加载到播放在开发涉及 HTML5 视频播放功能的网页应用时，了解和掌握视频事件是非常重要的。这些事件可以帮助我们更好地控制视频播放的行为，提供更好的用户体验。今天，我们将深入探讨 HTML5 视频事件，从视频加载到播放的全过程。一、视频事件概述HTML5 视频元素（<video>）提供了丰富的事件，这些事件可以帮助我们监听和处理视频播放过程中的各种状态变化。... 深入解析 HTML5 视频事件：从加载到播放在开发涉及 HTML5 视频播放功能的网页应用时，了解和掌握视频事件是非常重要的。这些事件可以帮助我们更好地控制视频播放的行为，提供更好的用户体验。今天，我们将深入探讨 HTML5 视频事件，从视频加载到播放的全过程。一、视频事件概述HTML5 视频元素（<video>）提供了丰富的事件，这些事件可以帮助我们监听和处理视频播放过程中的各种状态变化。...
- 文章主要讲解如何在Html5中生成类似Matlab的色带应用，通过本文您可以熟悉并掌握生成方法，为下一步进行gis的空间自定义分类制图打下颜色制图的基础。 文章主要讲解如何在Html5中生成类似Matlab的色带应用，通过本文您可以熟悉并掌握生成方法，为下一步进行gis的空间自定义分类制图打下颜色制图的基础。
- 本文首先讲解基于Leaflet开发的一个Leaflet GeoMan组件，介绍这个组件是什么，有哪些特色功能，然后介绍如何在工程中使用这些组件，最后在以一个实际的案例来实现之前我们提出来的场景。通过本文，可以了解什么是Leaflet geoMan，还可以掌握它的基本用法，了解如何创建第一个基本应用，最后学会如何在WebGis界面中进行自由标绘。 本文首先讲解基于Leaflet开发的一个Leaflet GeoMan组件，介绍这个组件是什么，有哪些特色功能，然后介绍如何在工程中使用这些组件，最后在以一个实际的案例来实现之前我们提出来的场景。通过本文，可以了解什么是Leaflet geoMan，还可以掌握它的基本用法，了解如何创建第一个基本应用，最后学会如何在WebGis界面中进行自由标绘。
- 一、为什么首屏速度是生死线？🚨用户耐心值实验数据：加载时长用户流失率转化率下降1秒7%2%3秒32%15%5秒90%+53%（数据来源：Google DoubleClick）当你的页面加载超过3秒，用户就像遇见红灯的司机——随时准备调头离开！ 二、首屏性能的三大核心指标 📊 1. FCP（首次内容渲染）// 示例：通过PerformanceObserver监控PerformanceOb... 一、为什么首屏速度是生死线？🚨用户耐心值实验数据：加载时长用户流失率转化率下降1秒7%2%3秒32%15%5秒90%+53%（数据来源：Google DoubleClick）当你的页面加载超过3秒，用户就像遇见红灯的司机——随时准备调头离开！ 二、首屏性能的三大核心指标 📊 1. FCP（首次内容渲染）// 示例：通过PerformanceObserver监控PerformanceOb...
- mui 是 DCloud 推出的基于 HTML5+ 标准的开发框架，专注于提供原生体验。它无需依赖第三方框架，通过调用原生控件和 5+ 动画，实现流畅的交互效果。HTML5+ 技术扩展了传统 HTML5 的能力，新增的 plus 对象可调用设备硬件功能（如摄像头、定位等），大幅提升应用性能与功能边界。 mui 是 DCloud 推出的基于 HTML5+ 标准的开发框架，专注于提供原生体验。它无需依赖第三方框架，通过调用原生控件和 5+ 动画，实现流畅的交互效果。HTML5+ 技术扩展了传统 HTML5 的能力，新增的 plus 对象可调用设备硬件功能（如摄像头、定位等），大幅提升应用性能与功能边界。
- 本文重点讲解在Html5中如何结合Wheelnav这个组件来进行动态标签页的展示，在实现动态导航切换的同时，还可以实现页面的动态切换。博客首先讲解了如何进行页面的扩展，然后通过实际编码以实例的形式进行展示如何实现。 本文重点讲解在Html5中如何结合Wheelnav这个组件来进行动态标签页的展示，在实现动态导航切换的同时，还可以实现页面的动态切换。博客首先讲解了如何进行页面的扩展，然后通过实际编码以实例的形式进行展示如何实现。
- 本文以Canvas为基础，支持多时区的多时钟的动态Web展示为例实现一种在Html5上的电子钟展示方法。通过本文可以了解Canvas的详细用法，掌握基本的文本绘制、样式控制、属性管理的基本知识。 本文以Canvas为基础，支持多时区的多时钟的动态Web展示为例实现一种在Html5上的电子钟展示方法。通过本文可以了解Canvas的详细用法，掌握基本的文本绘制、样式控制、属性管理的基本知识。
- HTML 常用技术点的合集：<!DOCTYPE>声明：它是 HTML 文档的第一行，用于告诉浏览器该文档使用的 HTML 版本。例如，<!DOCTYPE html>表示文档使用 HTML5 标准，这有助于浏览器正确地渲染页面。<html>标签：是 HTML 页面的根标签，所有其他的 HTML 元素都应该包含在这个标签内部。它有两个主要的子标签<head>和<body>。 HTML 常用技术点的合集：<!DOCTYPE>声明：它是 HTML 文档的第一行，用于告诉浏览器该文档使用的 HTML 版本。例如，<!DOCTYPE html>表示文档使用 HTML5 标准，这有助于浏览器正确地渲染页面。<html>标签：是 HTML 页面的根标签，所有其他的 HTML 元素都应该包含在这个标签内部。它有两个主要的子标签<head>和<body>。
上滑加载中
推荐直播
-
华为云码道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华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签