arkui

ArkTS 列表滚动时为什么会闪现旧数据？我扒了 LazyForEach 的复用逻辑当时我在调试"案例列表"页。每条案例有封面、标题、标签、收益数字，数据量不大，两百来条。切到 LazyForEach 之后，滑动帧率是稳了，但快速上下滑几趟，偶尔会看到某张封面闪一下，变成另一条案例的图，紧接着又切回来。整个过程不到 100 毫秒，截图都抓不住。

一个下午搞定 ArkTS 折叠面板？结果我从两点写到晚上九点14:02 —— 接了个需求。产品说首页那个 FAQ 区域太丑了，想做成可折叠的面板——点标题展开，再点收起来，带平滑动画。

AI写埋点代码，35%覆盖率坑惨运营五月中旬，公司要给一个C端鸿蒙应用上一个新功能：付费转化漏斗分析。运营要看用户从"详情页→加入对比→点击分享→付费弹窗→付费成功"这五步的真实流失情况。

【鸿蒙】HarmonyOS 数据持久化：Preferences/KV Store/RelationalStore 选型指南> 读完本文，你将掌握三种持久化 API 的核心差异、选型决策树，以及常见坑点的规避方法，不再因选错存储方案而踩坑。

【鸿蒙】HarmonyOS 通知与后台任务：WorkScheduler 机制深度解析> 读完本文，你将掌握 WorkScheduler 的调度原理、条件触发机制，以及在实际业务中如何用它替代常驻进程完成可靠的后台任务。

【鸿蒙】ArkUI 列表性能优化：LazyForEach 与组件复用深度解析掌握本文后，你将能诊断并修复鸿蒙应用中最常见的列表卡顿问题，让万级数据量的 List 组件在中低端机型上也能丝滑滚动。

ArkUI Inspector深度使用指南：布局层级可视化检查在HarmonyOS应用开发过程中，UI布局调试一直是开发者面临的最大挑战之一。传统的调试方式——如在代码中添加日志、使用console.log输出变量值——在面对复杂的嵌套组件布局时，往往显得力不从心。当你在真机上发现按钮重叠、文本溢出、图片显示不全等问题时，如何快速定位是哪个组件的属性设置有误？如何在层层嵌套的代码中精准找到问题根源？

vue3+typescript+vite封装自己的UI组件库并上传至npm在现代化前端工程体系中，封装一套属于自己的 UI 组件库，是提升研发效能与保障产品体验一致性的核心战略。它不仅能够将设计中沉淀的视觉语言和交互规范转化为可执行的代码资产，从根源上消灭每个页面“各自为政”的样式冗余与逻辑碎片；更能通过统一的 API 设计与版本管理，大幅降低跨团队协作的沟通成本与联调风险。当业务需求迭代时，修改一个基础组件的内部逻辑便可实现全局生效，既避免了“牵一发而动全身”的维护噩梦，确保了品牌调性在每一次交互中的稳定传递。长远来看，这更是技术团队积累领域知识、构建工程护城河的关键一步——

鸿蒙NEXT-HelloWorld

梁山好汉（Ls_man）

鸿蒙_使用DevEco Studio预览器我们的第一个鸿蒙应用项目创建好后，开发工具默认生成了一个Index.ets页面，其结构如下，其中Index为页面名称，其他都是固定用法，而且需要注意的是build内只能包含一个根组件，我们一般放布局组件如横向Row、竖向Column，还有自动生成的相对布局RelativeContainer等，在内部再放其他UI组件。

梁山好汉（Ls_man）

鸿蒙应用如何新建页面使用“Empty Ability”模板新建项目后，我们得到了一个预先生成的页面Index.ets，其路径为“你的项目名称\entry\src\main\ets\pages\Index.ets”，我们可以看到他在pages目录下，如下图所示：

梁山好汉（Ls_man）

鸿蒙_自定义组件包含多个引用自定义构建函数@BuilderParam时的用法有时候我们为了增加自定义组件的灵活性，可能放置多个引用自定义构建函数（通过@BuilderParam修饰的变量，指向一个自定义构建函数），那么和只有一个时有什么区别呢，我们新建一个页面来测试一下：

梁山好汉（Ls_man）

鸿蒙_使用组件导航Navigation搭建应用框架组件导航封装了页面、标题、菜单栏、工具栏等功能，我们只需要进行简单的设置，就能快速搭建应用的框架，我们直接新建一个独立页面来通过组件导航实现主页、设置页、我的页三个示例页面，并且相互之间可以跳转，并且天然支持宽屏时主页和二级页面自动分栏显示。

ArkUI 的核心语法，一篇文章讲清楚大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、Harmony OS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。

梁山好汉（Ls_man）

鸿蒙_组件导航Navigation的基础用法ArkUI组件导航，可以在一个页面内虚拟出多个组件导航页面，我们通过案例来测试一下基础用法：运行效果如下：

鸿蒙6.0应用开发——图文混排图文混排是指图片与文字混合排列，文字可展示于图片四周。此排列方式能够直观呈现页面信息，增强视觉冲击力，使页面展示效果更加多样化。

梁山好汉（Ls_man）

鸿蒙_引用自定义构建函数@BuilderParam在自定义组件中的使用在ArkUI的学习中，通过@BuilderParam修饰的参数就是引用自定义构建函数，它可以接受一个自定义构建函数。当我们编写了一个自定义组件后，想要在使用时替换其中的某一部分UI内容，就可以在组件内部可以将这部分抽离放到自定义构建函数内，我们来验证一下如何使用：

ArkUI 项目结构设计：小项目 vs 大项目大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、Harmony OS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。

梁山好汉（Ls_man）

鸿蒙_组件内和组件外使用@Builder自定义构建函数的区别通过对自定义构建函数的学习，我发现在组件内和组件外编写和使用方面有一些小差别，通过新建一个页面TestBuilderInsideAndOutside来测试一下：

梁山好汉（Ls_man）

鸿蒙_ArkUI自定义组件常用的三组状态装饰器状态装饰器的作用是UI组件与变量绑定，当改变被状态装饰器装饰的变量的值，会同时引起UI更新。本文旨在系统比较鸿蒙ArkUI自定义组件开发中核心状态装饰器的用法，包括@State与@Prop、@State与@Link、@Provide与@Consume，帮助开发者学习组件的状态管理。