自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

🐓🀄️👌电子黑豆

更多知识、源码等上面公号领取

  • 博客(61)
  • 资源 (1)
  • 收藏
  • 关注

原创 使用AI编程开发鸿蒙应用:从环境搭建到实战示例

本文介绍了如何利用华为AI工具(如CodeGenie、DevEco Code)开发鸿蒙应用,主要步骤包括:环境准备(安装DevEco Studio及AI插件)、创建工程、通过自然语言描述需求生成ArkTS代码、实时预览与调试。文章以"待办事项应用"为例,展示AI如何根据"支持添加任务、标记完成、删除任务"等需求自动生成完整代码。该方案显著降低了鸿蒙开发门槛,开发者只需关注业务逻辑描述,AI即可完成大部分编码工作,结合DevEco Studio的实时预览和调试功能形成高效开发闭环。(摘要字数:150字)

2026-07-19 14:15:59 314

原创 鸿蒙应用开发:一次开发多端部署之响应式布局完全指南

HarmonyOS响应式布局实现多端适配的核心技术包括四种能力:断点系统、媒体查询、栅格布局和响应式组件。系统预置了xs/sm/md/lg四种断点范围,适配从手机到平板的各类设备。栅格布局通过GridRow/GridCol实现动态列数调整,媒体查询可监听横竖屏等设备特征变化,内置组件如Navigation、Tabs等能自动适应不同屏幕尺寸。示例展示了如何结合栅格布局、断点监听和媒体查询,构建一个在不同屏幕尺寸下自动调整列数并响应横竖屏切换的功能卡片页面,体现了"一次开发,多端部署"的设计理念。

2026-07-18 14:00:00 406

原创 鸿蒙应用开发:一次开发多端适配与自适应布局实战

本文介绍了HarmonyOS实现多设备适配的七种核心布局能力。通过"一次开发,多端适配"理念,开发者可以使用ArkUI框架构建自适应界面。七种能力包括:1)拉伸能力(flexGrow/flexShrink)实现空间动态分配;2)均分能力(SpaceEvenly)均匀分布元素;3)占比能力(layoutWeight)按比例分配空间;4)缩放能力(aspectRatio)保持宽高比;5)延伸能力(List/Scroll)实现横向滑动;6)隐藏能力(displayPriority)按优先级显示内容;7)折行能力(

2026-07-18 09:15:00 205

原创 鸿蒙应用开发:网络请求三种方式详解(http / rcp / axios)

本文介绍了鸿蒙应用开发中三种网络请求方式:原生http模块、rcp模块和axios三方库。首先需要在module.json5中声明网络权限,接着详细演示了http模块的GET/POST请求实现,包括资源管理、参数配置和错误处理;然后介绍了HarmonyOS 5.0+新增的rcp模块的现代化用法;最后提及了社区axios库的便捷性。文章通过完整代码示例和效果图,帮助开发者快速掌握不同场景下的网络请求方案选择与实现技巧。

2026-07-16 09:00:00 351

原创 鸿蒙应用开发之生命周期方法完全指南

本文详细介绍了鸿蒙(HarmonyOS)应用开发中的生命周期管理,涵盖三个核心层次: UIAbility生命周期(如onCreate、onForeground等),用于全局资源管理; 页面生命周期(onPageShow、onPageHide等),处理页面级显示/隐藏逻辑; 组件生命周期(aboutToAppear、aboutToDisappear),负责组件初始化和资源释放。 文中强调关键注意事项: API 13+需在onBackground保存数据(onDestroy可能不触发); 页面返回时onPage

2026-07-15 14:00:00 392

原创 鸿蒙应用开发:V1与V2版本数据持久化实战教程

本文对比了鸿蒙应用开发中V1和V2两种数据持久化方案。V1版本基于PersistentStorage和AppStorage,通过@StorageLink实现UI与持久化数据的双向绑定,适合简单数据类型存储。V2版本引入PersistenceV2、@ObservedV2和@Trace,支持对象级持久化和自动同步,灵活性更高。通过"登录与个人中心"示例,演示了两种方案的具体实现:V1方案需显式声明持久化属性并在UI初始化后调用API;V2方案通过装饰器自动跟踪变更,支持复杂对象存储。V2版本从API 18开始支

2026-07-15 09:00:00 368

原创 鸿蒙开发 Navigation 路由教程:从入门到实战

HarmonyOS页面路由开发指南:Navigation组件实战 本文介绍了HarmonyOS中Navigation组件的使用方法,通过登录跳转个人中心的完整示例,讲解了核心开发流程: 核心概念:Navigation提供单栏/分栏/自适应三种模式,包含NavPathStack栈管理、NavDestination页面容器等关键组件。 开发步骤: 配置router_map.json路由映射表 在module.json5注册路由配置 使用Navigation作为根容器 通过pushPathByName实现页面跳转

2026-07-14 14:00:00 274

原创 鸿蒙应用开发 @BuilderParam 使用教程:实现灵活的 UI 插槽

本文深入解析了鸿蒙ArkUI中的@BuilderParam装饰器,主要涵盖以下要点: 核心功能:@BuilderParam实现了类似插槽(Slot)的功能,允许将UI构建逻辑作为参数传递给子组件,提升组件复用性。 三种使用方式: 参数初始化(最常用):通过属性传参将@Builder函数传递给子组件 尾随闭包:简化单个@BuilderParam属性的使用 箭头函数:解决this指向问题 关键注意事项: this指向问题及解决方案 初始化限制(必须使用@Builder函数) 尾随闭包的使用限制 最佳实践:建议优

2026-07-14 09:00:00 322

原创 鸿蒙应用开发 @Builder 使用教程:从入门到精通

本文深入介绍了HarmonyOS中ArkTS语言的核心UI复用工具@Builder装饰器。主要内容包括:@Builder的基本概念与作用,支持组件内私有和全局两种定义方式;重点解析了参数传递机制,区分按值传递(默认不响应外部变化)和按引用传递(需使用对象字面量实现UI动态更新)两种模式;展示了循环构建、嵌套调用等高级用法,以及与状态变量的配合技巧。文章通过丰富的代码示例演示了正确用法和常见错误场景,为开发者提供了提升UI代码复用性和可维护性的最佳实践方案。

2026-07-13 14:00:00 1642

原创 鸿蒙应用开发:AttributeModifier 使用教程

鸿蒙AttributeModifier样式管理教程 本教程详解鸿蒙ArkUI的AttributeModifier机制,该功能突破了传统@Styles和@Extend在样式复用和动态刷新方面的局限。核心内容包括: 核心概念 通过实现AttributeModifier<T>接口封装属性设置逻辑 支持applyNormalAttribute基础方法和按压/获焦/禁用等多态样式回调 基础应用 创建实现接口的Modifier类(如按钮样式) 通过attributeModifier()方法绑定到多个组件实现样式复用 高

2026-07-13 09:00:00 371

原创 鸿蒙应用开发 @Extend 装饰器使用教程

摘要: 鸿蒙 ArkUI 的 @Extend 装饰器是声明式开发中实现样式复用的关键工具,支持扩展组件私有属性、参数传递(包括状态变量和函数)及响应式更新。其语法需在文件顶层定义,指定组件类型,支持链式调用。与 @Styles 相比,@Extend 支持私有属性和动态参数,但作用域限于当前文件;复杂跨文件场景建议使用 AttributeModifier。通过封装样式方法,开发者能显著提升代码复用性和可维护性,适用于单文件内的组件样式扩展。

2026-07-12 14:00:00 362

原创 鸿蒙应用开发之@Styles 装饰器:定义可复用的组件样式

摘要: ArkUI框架的@Styles装饰器为鸿蒙应用开发提供了高效的样式复用方案,支持全局与组件内两种定义方式。全局样式需加function关键字,可跨组件使用;组件内样式可直接访问状态变量,实现动态更新。@Styles仅支持通用属性和事件,不支持参数、逻辑语句及跨文件复用。与@Extend和AttributeModifier相比,@Styles更适用于简单通用的样式封装,而复杂场景需选择后两者。合理使用@Styles可提升代码整洁度和维护性,但需注意其作用域与语法限制。

2026-07-12 09:00:00 351

原创 鸿蒙应用开发之持久化存储解析:PersistentStorage / PersistenceV2 / preferences 选型与实战

鸿蒙应用开发中的持久化存储方案比较 摘要: 鸿蒙系统为应用开发提供了多种持久化存储方案,主要用于保存UI状态数据。文章对比了两代核心方案:V1版的PersistentStorage(API 9引入)适用于简单场景,支持同步写入但容量有限(单key≤2KB);V2版的PersistenceV2(API 12引入)则支持异步写入、跨模块共享和更丰富的数据类型(API 23+支持集合类型和大数据存储)。此外还介绍了轻量级的preferences方案,适合非UI绑定的配置数据存储。开发者可根据数据类型、性能需求和A

2026-07-11 14:00:00 379

原创 鸿蒙应用开发之全局状态管理:AppStorageV2轻松实现登录到个人中心数据共享

AppStorageV2 是 HarmonyOS 的应用级全局状态管理方案,通过键值对方式实现跨组件数据共享与响应式更新。核心功能包括: 使用 @ObservedV2 装饰数据类,@Trace 标记响应式属性 通过 AppStorageV2.connect() 获取/创建全局单例 数据修改自动同步到所有关联组件 典型应用场景如用户登录信息共享,可避免组件层级间手动传参。使用时需注意及时清理数据(如退出登录时调用 AppStorageV2.remove()),防止数据残留。该方案简化了状态管理,提升了组件间通

2026-07-11 09:00:00 635

原创 鸿蒙应用开发之路由:Router 页面路由使用教程

本文介绍了HarmonyOS的路由模块Router的基础用法,主要包括: Router是用于页面跳转和栈管理的模块,支持pushUrl(保留当前页)和replaceUrl(替换当前页)两种跳转方式,但官方推荐使用Navigation作为长期方案。 详细演示了pushUrl的完整实现流程: 首页通过pushUrl跳转到详情页,并传递商品参数 详情页通过router.getParams()获取参数并展示 支持带参数返回上一页(router.back) 提供了页面栈状态查询的示例,包括获取栈大小、当前页面信息等。

2026-07-10 14:14:57 221

原创 鸿蒙应用开发:AppStorage 全局状态存储用法教程

本文介绍了鸿蒙ArkTS中的AppStorage应用级全局状态管理工具。它提供了@StorageProp单向绑定和@StorageLink双向绑定两种装饰器,支持跨页面、跨组件的数据共享与响应式更新。文章详细讲解了基本用法,包括初始化设置、组件绑定和外部修改,并通过登录状态管理示例展示了实际应用场景。此外,还介绍了删除状态、清空存储等进阶操作,并强调了数据类型、性能优化等注意事项。AppStorage作为全局单例存储,能有效简化应用状态管理,提升开发效率。

2026-07-10 14:00:00 264

原创 鸿蒙应用开发:@Provider 与 @Consumer 跨组件双向同步详解

本文介绍了鸿蒙(HarmonyOS)应用开发中状态管理V2的核心装饰器@Provider和@Consumer的用法。这对装饰器支持跨组件层级的双向数据同步,仅能在@ComponentV2中使用。@Provider作为数据提供方,其子组件可通过相同key的@Consumer获取并同步数据,支持别名配置、本地初始化、多种数据类型和嵌套观察。通过多层嵌套组件示例,展示了从CompA到CompD的数据双向同步机制,以及如何使用别名实现解耦匹配。该方案有效解决了复杂组件树中的数据共享问题,开发者需注意装饰器匹配规则和

2026-07-10 09:00:00 218

原创 鸿蒙应用开发之跨组件传参:@Provide 与 @Consume 跨层级数据同步详解

本文介绍了鸿蒙(HarmonyOS)应用开发中用于跨层级组件数据传递的 @Provide 和 @Consume 装饰器。它们解决了传统父子组件逐层传参的繁琐问题,支持通过变量名或别名建立双向数据同步。文章详细阐述了其核心概念、两种绑定方式、装饰器规则对比和使用注意事项,并通过两个完整示例展示了在深层嵌套组件和别名场景下的应用效果。相比逐层传参,这对装饰器能显著简化代码结构,提升开发效率和可维护性,是处理复杂组件状态共享的理想选择。

2026-07-09 14:00:00 313

原创 鸿蒙应用开发:@Computed 装饰器详解与实战

本文介绍了鸿蒙(HarmonyOS)应用开发中的@Computed装饰器,它是状态管理V2的关键特性,用于高效管理派生数据计算。@Computed通过自动缓存计算结果,仅在依赖的状态变量变化时重新计算,显著提升性能。文章阐述了其核心特点(依赖触发更新、只读属性)和使用限制(仅限getter方法、避免循环计算),并通过用户全名计算和购物车总价两个示例展示了基础与进阶应用场景。最后给出了使用建议:简单计算直接表达式,复杂或多处使用的派生值推荐@Computed。该装饰器能有效减少计算开销、提升渲染性能并保持代码

2026-07-09 09:00:00 689

原创 鸿蒙应用开发之双向绑定实战:从 V1 到 V2 的完整迁移指南

本文对比了ArkTS状态管理中V1和V2版本的双向绑定实现差异。V1使用$$运算符和@Link装饰器实现数据自动同步,而V2采用!!语法糖和@Param+@Event组合,将数据传递与事件回调分离,使数据流更清晰可控。内置组件绑定从$$简化为!!,自定义组件则从隐式同步改为显式事件驱动。V2方案通过单向数据流+事件机制,提升了代码可维护性,建议优先采用。

2026-07-08 14:00:00 1094

原创 鸿蒙应用开发:@Monitor 装饰器使用教程

本文介绍了鸿蒙(HarmonyOS)应用开发中状态管理V2的@Monitor装饰器。该装饰器用于监听组件或@ObservedV2装饰类中状态变量的变化,当指定变量值改变时自动触发回调函数。文章详细说明了基本语法,包括监听多个变量和深层属性的方法,并通过代码示例展示了具体使用方式。重点指出被监听属性必须使用@Trace装饰才能生效,体现了其精细化控制特性。此外还提醒了异步执行、路径写法等注意事项。@Monitor通过声明式编程帮助开发者更精准地响应数据变化,优化应用性能和数据流管理。

2026-07-08 09:00:00 441

原创 鸿蒙应用开发之状态变化通知:@Watch 装饰器详解与实战

本文深入介绍了鸿蒙应用开发中的@Watch装饰器,重点解析其核心特性、使用方法和注意事项。@Watch通过监听状态变量变化自动触发回调函数,支持@State、@Prop等装饰器修饰的变量,具有严格相等判断、初始化不触发、同步执行等特点。文章通过计数器与输入框的完整示例,展示了@Watch的实际应用场景和日志记录实现。同时提醒开发者注意避免无限循环、对象属性监听限制以及高频场景的性能优化。该装饰器为状态管理提供了高效解决方案,能显著简化复杂逻辑的实现流程。

2026-07-07 09:00:00 276

原创 鸿蒙应用开发之父子组件传参:@Param、@Event、@Once 装饰器详解与实战

鸿蒙(HarmonyOS)应用开发中,@Param装饰器是@ComponentV2状态管理V2版本的关键特性,用于实现父子组件间的单向数据同步。它支持多种数据类型,具有只读特性,子组件不能直接修改@Param变量,需通过@Event回调通知父组件修改。@Param可搭配@Once实现仅初始化接收数据,或配合@Require强制要求父组件传值。相比V1版本的@Prop等装饰器,@Param简化了状态管理,提升了代码可维护性和性能。最佳实践包括优先使用@Param、保持单向数据流、合理利用@Once避免不必要刷

2026-07-03 09:00:00 422

原创 鸿蒙应用开发:@Link 装饰器实现父子组件双向同步

本文深入解析鸿蒙应用开发中ArkTS的@Link装饰器,重点介绍其实现父子组件双向数据绑定的核心功能。@Link支持对象、基本类型及数组,要求父组件通过$语法传递数据,禁止子组件本地初始化。通过完整示例代码演示了父子组件间的实时同步机制,包括基础类型和对象类型的双向绑定效果,并分析了运行时父子组件数据联动的具体表现。文章还总结了使用要点:避免循环依赖、注意性能优化和类型匹配,建议结合@Observed处理复杂对象变化。最后指出@Link是简化表单编辑等交互场景的开发利器,能有效提升鸿蒙应用的响应性和可维护性

2026-07-02 14:00:00 577

原创 鸿蒙应用开发之父子组件传参:@Prop 装饰器使用教程

摘要: 本文深入解析鸿蒙ArkUI框架中的@Prop装饰器,重点阐述其单向数据同步特性(父→子)。@Prop允许子组件接收父组件数据并临时修改,但父组件更新时会强制覆盖子组件的本地改动。通过计数器示例演示了父子组件数据传递、本地修改与强制同步的完整流程,并总结关键要点:@Prop适用于父组件主导数据源、子组件仅展示或临时交互的场景(如表单预览),能有效维护单向数据流。文中代码示例直观展示了父子组件间的数据隔离与同步机制。

2026-07-02 09:45:00 235

原创 鸿蒙应用开发之V2状态管理:@Local、@ObservedV2、@Trace 使用教程

本文分析了HarmonyOS状态管理从V1到V2的演进,重点对比了@State与@Local的核心差异: 问题分析:V1的@State存在状态来源不明确的问题,外部传值会覆盖内部初始值,破坏组件封装性 V2改进:@Local严格限定状态只能由组件自身管理,禁止外部传值,保证数据流单一性 对象观测:@Local默认仅响应整体对象替换,不追踪内部属性变化(需配合@ObservedV2+@Trace实现深层观测) 版本适配:V2需使用@ComponentV2装饰器,通过@ObservedV2类装饰和@Trace属

2026-07-01 14:00:00 336

原创 鸿蒙应用开发之@State 装饰器详解:从基本类型到 @Observed/@ObjectLink/@Track 嵌套监听

本文详细介绍了鸿蒙ArkTS框架中@State装饰器的核心用法与响应式机制。主要内容包括: @State基础使用:管理组件内部状态,实现基本数据类型的自动刷新 对象类型监听:通过属性赋值和整体替换触发UI更新 嵌套对象处理:揭示@State的监听限制(仅支持第一层属性) 深度监听方案:引入@Observed和@ObjectLink组合解决嵌套对象更新问题 性能优化:分析过度渲染问题,提出@Track装饰器的解决方案 关键点总结:@State通过依赖收集机制实现响应式更新,对嵌套对象需配合@Observed实

2026-07-01 09:00:00 560

原创 鸿蒙应用开发实战:轻松实现列表上拉加载更多

本文详细介绍了如何在鸿蒙(HarmonyOS)应用中实现列表上拉加载更多功能。主要内容包括:使用List组件的onReachEnd事件监听滚动到底部操作,通过isLoading状态变量控制加载提示的显示与隐藏,利用setTimeout模拟异步数据请求并追加新数据到列表。文章提供了完整的代码示例,帮助开发者快速掌握这一常见交互模式的实现原理。该方案具有通用性,可直接应用于实际项目的分页数据加载场景。

2026-06-28 14:00:00 256

原创 鸿蒙应用开发:Refresh + List 下拉刷新组件使用教程

本文介绍了如何在鸿蒙应用中使用Refresh组件实现下拉刷新功能。通过Refresh包裹List等滚动组件,结合@State状态变量控制刷新状态,利用onRefreshing回调处理数据加载逻辑,并支持通过@Builder自定义刷新区域内容。文中提供了完整代码示例,展示了下拉刷新的基本实现方式,包括状态绑定、回调设置和界面定制,帮助开发者快速掌握这一常见交互场景的实现方法。

2026-06-28 09:00:00 221

原创 鸿蒙开发实战:使用 List 组件构建新闻列表

本文介绍了鸿蒙应用开发中List组件的核心用法,通过一个新闻列表实战案例进行演示。主要内容包括:1)定义新闻数据模型;2)构建包含搜索框和列表的主页面;3)创建自定义新闻卡片组件;4)关键知识点解析,如List组件的子元素限制、文本溢出处理以及Span组件的使用技巧。文章重点讲解了如何正确使用ListItem、ForEach动态渲染数据,以及优化文本显示的实用技巧。该案例可以帮助开发者快速掌握鸿蒙长列表开发的核心技术要点。

2026-06-27 14:00:00 193

原创 鸿蒙应用开发:Scroll 组件从入门到实战

本文介绍了鸿蒙应用开发中Scroll组件的核心用法。通过实战案例演示了如何创建垂直滚动列表,包括数据源定义、滚动容器设置、子元素渲染等关键步骤。详细解析了scrollable和edgeEffect等核心属性,并强调了两点注意事项:Scroll只能有一个直接子元素,以及大数据量时应使用LazyForEach优化性能。该组件支持垂直/水平滚动,默认带弹性回弹效果,是处理内容溢出的基础解决方案,能帮助开发者快速实现流畅的滚动页面。

2026-06-27 09:00:00 167

原创 鸿蒙开发:RelativeContainer相对布局组件实战——实现5个文本组件对齐

本文介绍了鸿蒙开发中RelativeContainer相对布局组件的使用方法。通过一个包含5个文本组件的案例,演示如何实现中心组件和四个角落组件的精确对齐。关键点包括:1)使用id标识锚点组件;2)通过alignRules设置组件间的对齐规则;3)利用__container__表示父容器。具体实现时,中心组件通过水平和垂直居中定位,四个角落组件分别采用bottom+right、top+right等组合规则,以中心组件或父容器为参照进行定位。这种相对布局方式避免了传统定位的复杂性,使界面构建更加灵活高效。最终

2026-06-26 14:00:00 839

原创 鸿蒙应用开发:Stack堆叠组件实战——实现微信消息角标效果

本文介绍了鸿蒙ArkUI框架中的Stack堆叠布局组件,通过实现微信消息角标案例演示其核心用法。Stack组件采用层叠方式排列子组件,支持多种对齐模式。案例中底层放置应用图标,上层放置带红色背景的未读消息数字角标,通过条件渲染控制显示逻辑,并支持动态更新数量。文章还讲解了位置微调、多样式角标等进阶技巧,展示了Stack在实现叠加UI效果中的优势。这种布局方式适用于角标、悬浮按钮等多种场景,是鸿蒙应用界面开发的重要技能。

2026-06-26 09:00:00 230

原创 鸿蒙应用开发:Grid组件实现九宫格布局教程

鸿蒙Grid组件实现九宫格布局指南 本文介绍了鸿蒙开发中使用Grid组件实现九宫格布局的方法和技巧。主要内容包括: Grid组件基础:Grid作为网格布局容器,适合构建九宫格、商品列表等规整布局,需配合GridItem使用。 核心实现步骤: 通过columnsTemplate设置列数和比例(如'1fr 1fr 1fr'实现3列) 使用ForEach动态生成GridItem 控制间距(rowsGap/columnsGap) 高级功能: 支持行/列不同比例布局 内置滚动功能 可配置布局方向(行/列优先) 丰富的

2026-06-24 14:00:00 393

原创 鸿蒙应用开发:Flex 组件从入门到实战

本文介绍了鸿蒙应用开发中的Flex弹性布局组件。通过标签列表实战案例,演示了Flex的核心配置:使用wrap实现自动换行、space控制间距、direction设置排列方向(默认为水平排列)。文章还提到其他可用属性如justifyContent、alignItems等,并强调Flex组件能显著提升布局开发效率。该组件比Row和Column更灵活,适合实现复杂页面布局。

2026-06-24 09:00:00 201

原创 鸿蒙应用开发教程:以红绿灯切换为例,掌握条件渲染的核心用法

本文介绍了鸿蒙ArkTS中的条件渲染功能,通过红绿灯模拟应用演示了两种核心语法:if/else语句和三元表达式。if/else适用于多分支复杂场景,结合@Builder可构建清晰的UI逻辑;三元表达式则适合简单的二选一条件渲染。文章强调了状态变量的重要性,并提醒开发者避免常见错误,如渲染块内执行逻辑操作。最后提供了完整示例代码,帮助开发者快速掌握鸿蒙应用中的动态UI控制技巧。

2026-06-22 21:30:58 378

原创 鸿蒙应用开发:ForEach 循环渲染用法详解

本文介绍了鸿蒙应用开发中ForEach循环渲染组件的使用方法。基础用法展示了如何通过数组数据源自动生成UI组件,避免手动重复编写。重点讲解了key参数的重要性:默认使用索引可能导致不必要的组件重渲染,建议使用数据项的唯一标识作为稳定key以提升性能。文章通过实例对比说明了正确指定key的方法,并给出优先使用数据ID、避免依赖索引等实用建议,帮助开发者高效处理列表渲染场景。

2026-06-22 20:16:55 726

原创 鸿蒙应用开发实战:从零学会自定义组件

本文介绍了鸿蒙应用开发中自定义组件的使用。通过将一个编辑器界面拆分为Header、Main和Footer三个组件,详细展示了组件的创建、导出、引入、布局优化及独立预览的方法。重点内容包括:使用@Component定义组件结构,export default导出组件,import引入组件,layoutWeight实现动态空间分配,以及@Preview装饰器单独调试组件。这种模块化开发方式能有效提升代码可维护性和复用性,是构建复杂鸿蒙应用的基础。文章通过完整案例演示了组件化开发的完整流程和实用技巧。

2026-06-20 17:09:53 264

原创 鸿蒙应用开发:6种图片加载方式详解

本文全面介绍了鸿蒙应用开发中6种图片加载方式:1)网络图片直接通过URL加载;2)自定义目录图片使用相对路径;3)resources/base/media目录资源通过$r('app.media.xxx')引用;4)resources/rawfile目录文件用$rawfile()保持原始格式;5)系统内置图片通过$r('sys.media.xxx')调用;6)字体图标可配合fillColor修改颜色。文章详细说明了各方式的适用场景、目录结构特点和具体实现代码,并特别提醒SVG文件命名规范。通过对比表格总结了6

2026-06-20 16:35:04 260

原创 鸿蒙应用开发中的单位详解:px、vp、fp、lpx

本文介绍了鸿蒙应用开发中四种核心单位:px(物理像素单位)、vp(虚拟像素单位)、fp(字体像素单位)和lpx(逻辑像素单位)。重点分析了各单位的特性与适用场景:px适配性差,不推荐直接使用;vp是默认单位,能保持不同设备上的视觉一致;fp用于字体设置,跟随系统缩放;lpx支持等比缩放,类似前端rem。文章通过代码示例展示了各单位的实际效果,并提供了单位选择建议表,帮助开发者根据具体需求(保持大小一致/等比缩放/字体适配)选择合适的单位,解决屏幕适配问题。

2026-06-19 14:00:00 424

8266wifi模块资料

内涵8266wifi模块说明等众多资料让你足不出户即可得到

2019-01-24

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除