首先在鸿蒙项目中创建本地 HTML 文件，定义接收鸿蒙数据并渲染内容的 JS 函数，这是交互的基础。本文基于鸿蒙WebH5 侧：在rawfile目录下创建 HTML 文件，定义接收数据的 JS 函数（如writeHtml），做好内容渲染容器；鸿蒙侧：通过绑定Web组件，在onPageEnd回调中调用执行 H5 的 JS 函数，传递数据；避坑关键：确保 JS 函数在页面加载完成后调用，处理特殊字符转

AVPlayer是鸿蒙模块下的媒体播放管理类支持网络音频（HTTP/HTTPS）、本地文件、Asset 资源等多种播放源；提供播放状态监听、音量调节、倍速播放、循环播放等核心功能；遵循 “创建→初始化→准备→播放→销毁” 的生命周期，资源管理更规范。本文基于鸿蒙AVPlayer流程规范：严格遵循 “创建实例→设置 URL→监听状态→prepare→play→释放资源” 的播放流程，状态监听是核心；

typescript运行// ResponseData.ts（与后端统一的响应结构）// 业务状态码（如200表示成功）// 提示信息result: T;// 核心业务数据// GlobalVariable.ts（全局常量）BASE_URL: "https://api.example.com", // 基础地址TIME_OUT: 5000, // 超时时间5秒SUCCESS_CODE: 200,

如需新增断点（如 xl：1200vp+），只需修改断点数组：typescript运行{ name: 'xl', size: 1200 } // 新增xl断点。核心能力：自动化管理断点监听，统一拼接查询条件，全局同步断点状态；使用流程：初始化工具类→组件挂载时register→组件销毁时unregister→UI 组件监听断点变化；实战场景：可快速实现 “断点控制背景色、图片、布局列数” 等响应式需

typescript运行// 标准化断点区间（无重叠，覆盖所有宽度）核心模块mediaquery是鸿蒙 ArkUI 提供的媒体查询核心模块，封装了所有监听逻辑；断点规范：断点区间必须无重叠、无遗漏（原代码中listenerLG的区间是，与MD的840vp重叠，已修正为840vp），避免同一宽度触发多个断点。核心能力：适配 “静态设备属性” 和 “动态屏幕变化” 两类场景，无需复杂逻辑即可实现布局自

typescript运行// 标准化断点区间（无重叠，覆盖所有宽度）核心模块mediaquery是鸿蒙 ArkUI 提供的媒体查询核心模块，封装了所有监听逻辑；断点规范：断点区间必须无重叠、无遗漏（原代码中listenerLG的区间是，与MD的840vp重叠，已修正为840vp），避免同一宽度触发多个断点。核心能力：适配 “静态设备属性” 和 “动态屏幕变化” 两类场景，无需复杂逻辑即可实现布局自

本文核心代码基于鸿蒙UIAbility生命周期实现，通过监听窗口尺寸变化，自动计算当前断点并全局共享，是断点布局的 “基础骨架”。typescript运行// 超小屏（手表、折叠屏收起）// 小屏（手机）// 中屏（平板、折叠屏展开）// 大屏（车机、智慧屏）这是鸿蒙官方推荐的通用断点划分，你可根据业务调整（比如新增 xl 大屏：>1200vp）。单位适配：通过将 px 转为 vp，保证断点划分的

本文核心代码基于鸿蒙UIAbility生命周期实现，通过监听窗口尺寸变化，自动计算当前断点并全局共享，是断点布局的 “基础骨架”。typescript运行// 超小屏（手表、折叠屏收起）// 小屏（手机）// 中屏（平板、折叠屏展开）// 大屏（车机、智慧屏）这是鸿蒙官方推荐的通用断点划分，你可根据业务调整（比如新增 xl 大屏：>1200vp）。单位适配：通过将 px 转为 vp，保证断点划分的

鸿蒙多端开发的自适应布局核心，是利用 7 大原生布局能力，将 “适配逻辑” 交给系统，而非开发者手动实现。拉伸 / 均分 / 占比：解决 “空间分配” 问题，让组件随容器动态调整尺寸；缩放 / 折行：解决 “内容显示” 问题，避免变形 / 截断；延伸 / 隐藏：解决 “空间不足” 问题，按需显示 / 滚动内容。掌握这 7 种能力后，无需为不同设备编写差异化布局代码，即可实现 “一套代码适配手机、平

鸿蒙多端开发的自适应布局核心，是利用 7 大原生布局能力，将 “适配逻辑” 交给系统，而非开发者手动实现。拉伸 / 均分 / 占比：解决 “空间分配” 问题，让组件随容器动态调整尺寸；缩放 / 折行：解决 “内容显示” 问题，避免变形 / 截断；延伸 / 隐藏：解决 “空间不足” 问题，按需显示 / 滚动内容。掌握这 7 种能力后，无需为不同设备编写差异化布局代码，即可实现 “一套代码适配手机、平