- 博客(382)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 ECS 连接 Redis Destination Host Unreachable 报错处理
阿里云ECS与Redis跨可用区部署时出现“Destination Host Unreachable”问题，经排查发现系Docker默认网段（172.31.224.0/20）与Redis所在交换机网段冲突所致。尽管两者同属一个VPC，但因网段重叠导致流量被错误路由至Docker虚拟网络。解决方案为：为Redis所在A区创建新交换机（172.16.0.0/24），修改实例绑定网段，避开冲突。调整后ping测试成功，网络连通性恢复正常。
2026-09-22 23:47:15
196
原创 HarmonyOS应用开发实战：萌宠日记 - 卡片式布局复用模式分析
本文介绍了萌宠日记App中卡片式布局的设计与实现，主要内容包括： 卡片使用全景：梳理了10余种卡片在不同页面的应用场景和差异化设计，如宠物信息卡片、健康提醒卡片等。 通用组件封装：通过Card组件统一管理卡片的背景色、圆角、阴影等基础样式，支持参数化配置。 内容复用策略：使用@Builder构建可复用的标题行组件，规范内容间距和布局结构。 视觉规范：制定了统一的边距体系（16vp内边距+12vp内容间距）和阴影使用原则（独立卡片带阴影）。 性能优化：通过组件拆分、条件渲染和LazyForEach等技术优化卡
2026-07-21 22:15:50
267
原创 HarmonyOS应用开发实战：萌宠日记 - 宠物档案页布局与头像设计
本文介绍了萌宠日记应用中宠物档案页的设计与实现。该页面采用Scroll嵌套Column布局，包含宠物头部卡片、基本信息卡片和成长记录卡片三大模块。重点解析了头像尺寸设计（80×80vp）、信息层级排版（名称22fp加粗、辅助信息13fp灰色）以及卡片统一样式（圆角16vp、阴影效果）。页面通过合理的视觉层次和间距设计（卡片间距16vp），清晰展示宠物核心信息。代码采用组件化封装，便于维护。
2026-07-21 22:15:14
88
原创 HarmonyOS应用开发实战：萌宠日记 - 今日记录卡片与文本溢出处理
本文介绍了萌宠日记App中今日记录卡片的关键实现细节，重点解析了文本溢出处理、多行截断显示、弹性布局和图片缩略图设计。主要内容包括： 文本溢出处理：通过maxLines和textOverflow属性实现单行/多行文本截断，支持省略号、直接截断等模式 卡片布局设计：采用分层结构，标题与内容分离，使用Blank()组件实现两端对齐的弹性布局 缩略图展示：统一设置72×72vp的圆角矩形缩略图，限制最多显示3张，保持界面整洁 状态管理：包含空状态提示和加载状态处理，提升用户体验 视觉细节：精心设计字体大小、颜色、
2026-07-21 22:14:37
88
原创 HarmonyOS应用开发实战：萌宠日记 - Scroll嵌套Column
本文介绍了如何在ArkUI中使用Scroll和Column组件构建可滚动垂直布局的萌宠日记首页。主要内容包括： 布局架构：Scroll作为外层滚动容器，内嵌Column实现垂直布局 Scroll组件核心属性配置：宽度、高度、滚动条、边缘效果等 Column布局详解：间距控制、对齐方式等参数设置 内容区块划分：将页面拆分为标题栏、宠物卡片、快捷操作等独立组件 滚动方向控制与滚动条显示设置 边缘回弹效果配置 滚动事件监听实现 这种布局模式是ArkUI开发长页面的标准方案，具有良好的可读性、可维护性和可复用性，适
2026-07-21 22:13:59
90
原创 HarmonyOS应用开发实战：萌宠日记 - Tab 切换状态保持与页面缓存
本文深入探讨了HarmonyOS应用中Tab切换时的页面状态保持机制，通过分析Tabs组件的默认行为、状态管理工具和性能优化策略，为开发者提供了完整的解决方案： 默认保持机制：Tabs组件会冻结非活跃Tab页面而非销毁，@State变量和滚动位置自动保留 状态管理方案： 使用@State保持组件内部状态 通过AppStorage实现全局状态共享 利用LocalStorage进行页面级状态管理 性能优化技巧： 在aboutToAppear/disappear生命周期控制资源加载 按需刷新数据减少性能开销 对非
2026-07-21 22:13:10
202
原创 HarmonyOS应用开发实战：萌宠日记 - 应用图标与启动窗口优化
HarmonyOS应用启动体验优化指南 本文基于萌宠日记案例，详细解析了HarmonyOS应用图标与启动窗口的优化策略。主要内容包括： 分层图标机制：分为前景层与背景层，支持动态效果，适配不同场景 启动窗口配置：通过背景色与图标设置实现流畅过渡 无缝体验设计：保持启动窗口与闪屏页背景色一致（#FFF8F0） 性能优化建议：冷启动时间控制在500ms内，热启动200ms内 资源管理规范：分层图标使用PNG格式，安全边距36px 这些方案有效提升了应用的第一印象，实现从桌面到应用的平滑过渡。
2026-07-21 22:12:22
198
原创 HarmonyOS应用开发实战：萌宠日记 - 应用启动流程与闪屏页面设计
本文详细介绍了萌宠日记应用的闪屏页设计与实现。闪屏页作为用户首次接触的界面，通过Logo展示、品牌标语、宠物插画和进入按钮四个核心元素，传递温暖感与品牌价值。文章从启动流程入手，解析了EntryAbility的加载机制，并深入剖析了SplashPage的布局结构、Logo设计、圆形插画占位以及按钮交互等关键实现细节。采用弹性布局、Emoji占位等技巧，兼顾视觉体验与加载性能，为后续主页跳转提供平滑过渡。
2026-07-21 22:10:34
160
原创 HarmonyOS应用开发实战：小事记 - 组件复用实践：@Reusable 装饰器在长列表中的 aboutToReuse 数据重置
本文深入解析了HarmonyOS中通过@Reusable装饰器实现组件复用的技术原理与实践方案。核心内容包括： 基本实现：通过@Reusable标记可复用组件，配合aboutToReuse生命周期实现数据重置 性能优化：复用组件可减少98%的创建次数，提升100%帧率，降低70%内存占用 最佳实践：强调完全重置数据、使用唯一key、避免条件渲染等关键策略 典型应用：在LazyForEach列表场景中，通过复用机制显著提升长列表性能 问题排查：针对数据残留等常见问题提供具体解决方案 该技术通过复用组件实例而非
2026-07-21 14:39:29
331
原创 HarmonyOS应用开发实战：小事记 - 列表性能优化：LazyForEach 懒加载与 cachedCount 预加载策略
本文介绍了HarmonyOS中列表性能优化的关键技术，重点讲解了LazyForEach懒加载和cachedCount预加载策略的实现与应用。通过对比LazyForEach与ForEach的性能差异，提供了缓存策略选择建议和常见问题解决方案。文章包含代码示例、优化建议和性能对比表格，帮助开发者针对不同场景实施列表优化，提升应用流畅度。最佳实践部分还推荐了性能分析工具和进一步学习路径，适合HarmonyOS开发者参考。
2026-07-21 14:38:48
249
原创 HarmonyOS应用开发实战：小事记 - 动态创建组件：BuilderNode 与 NodeController 的节点级操作
本文介绍了ArkUI中BuilderNode和NodeController的动态节点管理技术，通过小事记应用案例展示了其在动态列表渲染中的优势。主要内容包括：1）BuilderNode的基本用法与构建流程；2）NodeController的节点控制机制；3）与声明式组件的性能对比；4）常见问题解决方案；5）最佳实践建议。文章提供了完整的代码示例和性能优化表格，强调在运行时动态创建节点的灵活性，特别适合需要频繁更新UI的场景。最后给出了进一步学习HarmonyOS开发的资源路径和实践建议，帮助开发者掌握这一关
2026-07-21 14:37:09
188
原创 HarmonyOS应用开发实战：小事记 - 轮播组件 Swiper：autoPlay、无限循环、自定义指示器
本文深入解析HarmonyOS中Swiper轮播组件的完整用法，涵盖基础结构、核心属性配置、自定义指示器样式、事件监听等关键功能。通过代码示例详细演示了自动播放、循环轮播、动画曲线设置等特性，并针对常见问题提供解决方案。文章还包含性能优化建议，如图片压缩、懒加载技术等，最后推荐了最佳实践步骤和进一步学习路径。适合HarmonyOS开发者快速掌握Swiper组件的高效使用方法，优化应用轮播功能体验。
2026-07-20 15:05:30
436
原创 HarmonyOS应用开发实战：小事记 - 日历组件手写实现：Grid 构建日期网格与事件标记点
本文解析了日历组件的实现原理，采用Grid布局构建日期网格，通过日期计算函数生成月份天数，支持事件标记、日期选择和月份切换功能。核心包括：1）日期计算工具函数；2）月份导航栏构建；3）星期标题栏；4）日期网格实现；5）事件列表展示。该方案实现简单但功能完整，适用于HarmonyOS应用开发。关键点在于正确处理日期填充逻辑（前导/尾部空白）和交互状态管理。
2026-07-20 15:04:46
172
原创 HarmonyOS应用开发实战：小事记 - List 组件与 ListItem 复用：@Reusable 装饰器与全局复用池
本文深入解析了 HarmonyOS 中 List 组件的复用机制与性能优化策略。主要内容包括： List 与 Scroll 组件的对比分析，突出 List 在长列表场景的懒加载优势 @Reusable 装饰器的实现原理与使用方式，通过组件复用提升性能 LazyForEach 数据源实现与 cachedCount 缓存策略配置 复杂列表场景的解决方案：多类型列表项、分组吸顶等 性能优化实践建议：组件复用、固定高度、合理缓存等关键策略 文章结合 WitnessListPage 等实际案例，演示了如何通过技术组合
2026-07-20 15:04:00
509
1
原创 HarmonyOS应用开发实战：小事记 - Scroll 滚动容器深度剖析：滚动机制、edgeEffect、scrollBar 与嵌套滚动
Scroll 容器全解析：构建流畅滚动体验 本文深入剖析了 HarmonyOS 中 Scroll 容器的核心特性和优化技巧，主要内容包括： 基础用法：介绍了 Scroll 的基本结构和滚动方向配置 边缘效果：分析弹簧、淡出等边缘效果的适用场景 滚动条控制：对比 Auto/On/Off 三种滚动条模式的差异 嵌套滚动：重点解决 Scroll 嵌套时的冲突问题，详解四种优先模式 性能优化：提出懒加载、组件复用等提升滚动流畅性的方案 常见问题：针对卡顿和手势冲突给出了具体解决方案 文章结合小事记项目实例，为开发者
2026-07-20 15:03:13
213
原创 HarmonyOS应用开发实战：小事记 - 自定义组件冻结 freezeWhenInactive：路由隐藏页面的状态变量优化
本文介绍了 HarmonyOS 中 freezeWhenInactive 机制的原理与应用。该功能通过冻结非活跃页面的状态更新，有效减少不必要的 UI 重建，提升应用性能。文章从原理、使用场景、行为特点及常见问题等方面进行了详细解析，并提供了性能对比数据和最佳实践建议。 关键点： 组件冻结可显著降低隐藏页面的 CPU 占用（减少87%） 适用于路由栈/Tab等页面被覆盖场景 冻结期间状态变更会暂存，页面恢复时统一刷新 不适合需要持续更新的场景（如音乐播放器） 最佳实践包括默认开启冻结功能，对特殊场景选择性禁
2026-07-20 15:02:26
416
原创 HarmonyOS应用开发实战：小事记 - 共享元素转场（一镜到底）：geometryTransition 实现详情页无缝过渡
共享元素转场动画实现指南（150字摘要） 本文介绍了HarmonyOS中实现共享元素转场（一镜到底）效果的三种方式，重点解析了geometryTransition API的应用。通过为两个页面的对应组件绑定相同ID，系统会自动计算位置和大小差异并生成平滑过渡动画。文章以小事记App为例，展示了从首页卡片到详情页的完整实现代码，包括ID绑定、路由跳转和动画参数配置。针对常见的动画不自然问题，建议检查组件层级一致性、使用唯一ID前缀，并配合animateTo控制过渡曲线。该技术能显著提升页面跳转体验，适用于内容
2026-07-20 15:01:42
206
原创 HarmonyOS应用开发实战：小事记 - 路由懒加载：模块化分包的页面加载策略
本文深入探讨了HarmonyOS应用中的路由懒加载与模块化分包策略。文章首先对比了entry HAP、feature HAP、HSP和HAR四种包类型的特点及适用场景，并以小事记应用为例展示了多模块化改造方案。重点解析了feature HAP的配置方法，包括module.json5的设置、跨模块路由调用和按需下载机制，并介绍了HSP共享包的使用方式。通过功能模块划分和UI反馈机制，提供了路由懒加载的具体实践方案。最后针对模块下载失败和版本冲突等常见问题给出解决方案，并推荐了相关拓展阅读资料，为Harmony
2026-07-20 15:01:08
191
原创 HarmonyOS应用开发实战：小事记 - 共享元素转场（一镜到底）：geometryTransition 实现详情页无缝过渡
本文介绍HarmonyOS中共享元素转场(一镜到底)的实现方法，重点讲解geometryTransition API的使用。通过对比三种实现方式的差异，分析geometryTransition的工作原理：通过绑定相同ID自动计算组件位置和大小差异，生成平滑过渡动画。文章提供完整代码示例，展示如何在首页卡片和详情页中绑定共享元素ID，并解决常见问题如动画不自然等。该技术可实现点击卡片平滑展开为详情页的效果，提升用户体验。
2026-07-20 15:00:22
395
原创 HarmonyOS应用开发实战：小事记 - 页面转场动画：transition 组件转场与 animateTo 显式动画实现
本文深入解析了HarmonyOS中页面转场动画的实现方式，重点介绍了transition组件转场动画和animateTo显式动画两种机制。文章详细说明了TransitionEffect的5种类型及其组合使用方法，并阐述了animateTo的参数配置及曲线选择。通过小事记应用的EventDetailPage.ets实例，展示了从列表页到详情页的完整转场实现方案，包括延迟加载、渐入效果等技术细节。最后总结了动画不执行和卡顿等常见问题的解决方案，为开发者提供了HarmonyOS动画开发的实用指南。全文150字。
2026-07-20 14:59:37
300
原创 鸿蒙原生开发手记：徒步迹 - 推送通知：Push Kit
本文介绍了在鸿蒙原生应用"徒步迹"中集成Push Kit推送服务的实现方案。主要内容包括： 权限配置：在配置文件中声明推送所需权限(INTERNET和PUSH)。 服务开通：通过AppGallery Connect开通推送服务并获取配置文件。 推送管理封装： 定义了多种推送消息类型(团队邀请、路线更新等) 实现PushManager单例类管理推送生命周期 包含初始化、Token获取、消息解析等功能 针对不同类型消息定制通知展示方式 通知处理：特别实现了团队邀请通知的详细处理逻辑，包括分组显示和点击跳转。 该
2026-07-19 15:09:51
340
原创 鸿蒙原生开发手记：徒步迹 - 扫码功能：Scan Kit 集成
本文介绍了在鸿蒙原生应用"徒步迹"中集成Scan Kit扫码功能的过程。主要内容包括：1) 配置相机权限；2) 封装扫码服务类ScanService，提供初始化、扫码、图片识别和二维码生成等功能；3) 实现扫码页面逻辑，包括权限检查、扫码启动和结果处理（支持URL、团队邀请和好友添加等场景）。代码展示了核心实现细节，如权限声明、扫码配置和结果处理流程。该功能支持二维码/条形码扫描，提升了用户交互体验。
2026-07-19 15:08:23
101
原创 鸿蒙原生开发手记：徒步迹 - 指南针与方向感应
本文介绍如何利用HarmonyOS方向传感器实现数字指南针功能。关键实现包括：1) 获取设备方位角等方向数据；2) 创建指南针组件，通过旋转动画显示当前方向；3) 实现方向校准功能，通过收集多个数据点计算偏移值。代码提供了完整的罗盘UI实现，包括方向刻度显示、指针旋转和详细数据展示，支持8个主要方向的识别。指南针是户外应用的重要功能，本文方案可直接集成到徒步导航等应用中。
2026-07-19 15:06:55
98
原创 鸿蒙原生开发手记：徒步迹 - 后台定位与省电策略
鸿蒙徒步迹应用的后台定位与省电策略 本文介绍了鸿蒙原生徒步轨迹记录应用中的智能后台定位与省电方案。通过场景感知技术，系统自动在四种定位模式间切换：步行模式(高精度2秒间隔)、徒步模式(中精度5秒间隔)、休息模式(低功耗30秒间隔)和后台模式(最低功耗60秒间隔)。核心实现包括： 基于速度检测的自适应算法：根据移动速度自动调整定位策略 静止检测：2分钟无移动自动切换至休息模式 轨迹优化：采用Douglas-Peucker算法精简轨迹点(3米阈值) 前后台切换：应用进入后台自动降级定位精度 该方案在保证轨迹记录
2026-07-19 15:05:33
83
原创 鸿蒙原生开发手记：徒步迹 - 运动健康数据读取
本文介绍了如何在鸿蒙原生应用"徒步迹"中集成华为运动健康数据。通过Health Service Kit，应用可以获取用户步数、心率、卡路里等健康数据，为徒步活动提供更全面的运动分析。文章包含三部分：1)健康数据授权管理，实现权限请求和验证；2)健康数据读取功能，封装了步数、心率、卡路里等指标的获取方法，支持时间段查询；3)健康数据页面集成，展示今日概览、徒步期间数据及7天趋势等。这些功能丰富了应用的运动统计维度，提升了用户体验。
2026-07-19 15:04:09
229
原创 鸿蒙原生开发手记：徒步迹 - 数据安全与加密存储
本文介绍了在鸿蒙原生应用开发中实现数据安全与加密存储的两种方案： AES加密方案： 使用@ohos.security.cryptoFramework模块实现AES-256-GCM加密 包含密钥生成/导入、加密和解密完整流程 支持Base64编码转换和随机IV生成 HUKS密钥管理方案： 通过HarmonyOS通用密钥库(HUKS)安全存储密钥 实现密钥生命周期管理 提供基于硬件的加密/解密操作 两种方案均可有效保护用户敏感数据（如轨迹信息、位置数据等），满足应用安全存储需求。开发者可根据安全级别要求选择合适
2026-07-19 15:02:44
196
原创 鸿蒙原生开发手记：徒步迹 - 错误处理与重试机制
网络不稳定、服务器异常等都可能引发请求失败。统一的错误处理和重试机制能显著提升用户体验。本文实现全局错误处理器和可配置的重试策略。// 业务错误码枚举// 网络错误// 认证错误// 业务错误// 本地错误// 统一错误对象httpStatus?: number;details?// 错误上下文统一的错误处理体系确保所有异常被合理分类和处理。结合指数退避重试策略，网络波动和临时故障对用户的影响被降到最低。全局错误处理器统一管理错误提示和页面跳转。
2026-07-19 15:00:44
195
原创 鸿蒙原生开发手记：徒步迹 - @ohos.data.relationalStore 数据库
鸿蒙原生开发手记：徒步迹数据库实现 本文介绍了如何在鸿蒙应用中使用@ohos.data.relationalStore关系型数据库实现本地数据持久化，主要包含： 数据库初始化：配置数据库参数并创建路线表、轨迹记录表和团队表三个核心表结构。 数据库管理器：封装单例模式的DatabaseManager类，提供初始化、建表、获取实例和关闭等统一管理功能。 应用集成：在EntryAbility中初始化数据库，确保应用启动时完成数据库准备。 基础操作：展示了使用ValueBucket进行数据插入的示例代码。 该方案基
2026-07-19 14:58:22
172
原创 HarmonyOS开发实战：@Link 父子组件双向绑定：MoodSelector 实战
本文通过"海风日记"项目实战，深入解析鸿蒙开发五大核心：1）@Link双向绑定机制在MoodSelector组件的应用；2）颜色模块化的Token体系设计；3）尺寸间距规范化管理；4）hilog日志系统使用；5）router路由的深度实践。文章包含完整代码示例和设计规范，为开发者提供HarmonyOS应用开发的实用指导，并预告下期将探讨ArkTS严格模式。
2026-07-19 00:34:31
214
1
原创 HarmonyOS 开发实战：Premium 推广卡片：金色边框 + 阴影 + 立即开通按钮
以下是≤150字的文章摘要： 本文详细介绍了"海风日记"App中Premium推广卡片的设计实现方案。该卡片采用金色边框(1vp半透明琥珀色)、暖色阴影和"立即开通"按钮三件套设计，在视觉上营造高级感并引导用户转化。文章从布局结构、视觉设计、按钮交互、事件处理、路由跳转等多个维度进行技术解析，重点阐述了如何通过微妙的色彩透明度(20%边框、12%阴影)和文案设计("立即开通"而非"订阅")提升转化率，同时避免卡片与按钮点击事件冲突。最后还介绍了卡片状态变体和设置菜单分组的实现方式。
2026-07-19 00:18:46
202
1
原创 statCard 构建器：统一数据统计卡片样式
本文分析了"海风日记"项目中的statCard构建器，该组件用于展示日记统计卡片。通过@Builder装饰器封装，实现了统一的卡片样式，包含数值、标签和自定义颜色功能。文章详细解读了构建器源码、调用方式、参数说明，并对比了不同统计项的展示效果，最后针对宽度不一致问题提供了解决方案。该构建器体现了组件化设计思想，通过参数化配置和layoutWeight实现等宽布局，提高了代码复用性。
2026-07-18 23:46:17
167
2
原创 今日橙色圆底标记：Circle + Shadow + 条件渲染
《日历组件中今日标记的视觉实现与条件渲染》摘要：本文以"海风日记"为例，解析日历页今日标记的技术实现。通过TypeScript源码展示36vp橙色圆形底+阴影的高亮效果，阐述三态条件渲染逻辑：今日日期（白字+圆底）、有日记（深色字+小圆点）、无日记（灰字）。对比了日视图与年视图的标记差异，并针对"今日标记不显示"的常见问题给出解决方案。文章还预告了后续将深入探讨日记日期标记的实现细节，为HarmonyOS开发者提供了组件文档和项目源码参考链接。
2026-07-18 23:35:19
173
原创 底部工具栏设计：Row + layoutWeight 等分布局
本文详细解析了"海风日记"应用底部工具栏的实现方案。通过Row容器结合layoutWeight属性，实现了5个功能图标的等分布局，每个图标采用SymbolGlyph+文字标签的组合形式。文章从源码出发，阐述了layoutWeight的等分原理、工具栏样式规范（高度60vp、卡片背景、顶部边框等），并比较了主页面与编辑页工具栏的不同实现方式（直接布局vs ForEach循环）。同时指出了在使用layoutWeight时可能出现的间距问题及解决方案。该方案为HarmonyOS应用底部导航栏开发提供了可复用的技术
2026-07-18 23:17:42
176
1
原创 鸿蒙原生开发手记：徒步迹 - 路线详情页布局实现
本文介绍了鸿蒙原生开发中徒步路线详情页的实现方案。页面采用多Tab架构，包含顶部图片区、基本信息卡片、Tab切换栏和动态内容区域。核心代码展示了使用ArkUI的@Builder拆分组件的方法，实现了图片展示、路线数据、Tab切换等功能模块。文章重点讲解了组件化开发思路，通过合理的布局组织大量信息，为后续海拔折线图等高级功能打下基础。这种分层式设计是徒步类应用详情页的典型实现方式。
2026-07-16 23:58:31
267
原创 鸿蒙原生开发手记：徒步迹 - 路线列表页与@LazyForEach
本文介绍了在鸿蒙应用"徒步迹"中使用@LazyForEach实现高性能路线列表页的方法。主要内容包括： @LazyForEach的核心机制：按需渲染、自动回收、缓存策略和数据驱动，相比ForEach能显著提升大型列表的性能表现。 实现IDataSource接口的关键步骤：定义数据模型、实现数据操作方法（totalCount、getData等）以及注册数据变更监听器。 实际应用方案：通过RouteDataSource类管理路线数据，配合List组件实现懒加载列表，并设置cachedCount优化滚动体验。 路
2026-07-16 23:57:59
77
原创 鸿蒙原生开发手记：徒步迹 - 自定义地图标记与气泡弹窗
本文介绍了鸿蒙原生应用开发中自定义地图标记与气泡弹窗的实现方法。通过Map Kit模块，开发者可以创建个性化地图交互体验。主要内容包括： 地图基础集成：初始化MapComponent并获取控制器实例 自定义标记实现： 使用不同图标区分路线状态（起点、途经点、终点） 标记事件监听（点击、拖拽） 气泡弹窗设计： 基础信息展示（标题、描述） 自定义组件扩展（展示路线详情、难度评级等） 文章结合"徒步迹"应用场景，提供了完整的代码示例，帮助开发者快速实现地图标记的个性化定制和交互功能，提升用户体验。
2026-07-16 23:57:28
97
原创 鸿蒙原生开发手记：徒步迹 - 首页布局设计与Scroll滚动
本文介绍了鸿蒙原生应用“徒步迹”首页的布局设计与Scroll滚动实现。通过Scroll组件构建可滚动内容区，结合@Builder封装卡片组件，实现了包含今日概览、快捷功能入口和推荐路线三大模块的流畅滚动体验。 关键点： 使用Column+Scroll构建分层布局，顶部问候区固定不滚动 Scroll组件支持编程控制滚动位置、监听滚动事件 通过@Builder封装可复用的卡片组件（今日数据、快捷入口等） 采用弹性边距和圆角设计提升视觉体验 文章提供了完整的代码示例，包括滚动控制、卡片组件设计和事件监听方案，适合
2026-07-16 23:56:56
108
原创 鸿蒙原生开发手记：徒步迹 - 登录注册页面与表单校验
本文介绍了鸿蒙原生应用"徒步迹"中登录注册页面的实现细节，重点讲解了表单验证与用户交互的最佳实践。主要内容包括： 登录页面采用三区域布局：标题区、表单区和操作区，实现手机号输入、密码显示切换、错误提示等完整功能 使用正则表达式进行严格的手机号格式验证（支持13x-19x号段）和密码强度校验 通过@Watch实时监控表单变化，结合全局状态管理(AppStorage)处理登录状态 实现加载状态、错误提示等交互反馈，提升用户体验 项目采用ArkUI框架开发，展示了鸿蒙应用开发中表单验证的完整解决方案，为类似功能提
2026-07-16 23:56:25
189
原创 鸿蒙原生开发手记：徒步迹 - 路线搜索与筛选功能
本文介绍了基于鸿蒙系统的徒步路线应用"徒步迹"中搜索与筛选功能的实现方案。文章重点讲解了三个核心模块： 搜索框组件：实现带防抖功能的实时搜索，通过300ms延迟触发减少不必要请求，支持关键词全局状态管理 标签筛选组件：采用水平滚动布局展示多维度标签（难度、距离、时长等），支持单选和状态联动 复合筛选面板：构建多条件组合查询功能，使用@State管理各筛选条件，通过AppStorage实现全局状态共享 技术亮点包括： 使用debounce防抖优化搜索性能 采用@State和AppStorage实现组件间状态共
2026-07-16 23:52:45
199
1
原创 鸿蒙原生开发手记：徒步迹 - 天气卡片组件开发
本文介绍了鸿蒙应用"徒步迹"中天气卡片组件的开发过程。该组件通过定义WeatherData接口规范数据结构，使用@Prop装饰器实现数据传递，采用@Builder拆分UI逻辑提升复用性。组件分为主信息区（温度/天气图标）和详细信息区（温湿度/风速/空气质量等指标），并通过网络API获取实时天气数据，提供默认数据作为降级方案。文中详细展示了数据模型设计、组件结构划分、UI构建方法及网络请求实现，体现了鸿蒙组件化开发的核心理念。该天气卡片可独立开发和测试，与父组件解耦，当数据更新时自动重新渲染。
2026-07-16 23:52:14
207
OpenGL入门学习
2010-09-11
汉字树2：身体里的汉字地图
2018-03-23
Go程序设计语言 The Go programming Language
2018-03-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人