在做 UI 设计时，我们经常会碰到这样一个需求：要在某个图标、按钮或列表项的角落加一个小小的提示，比如红点、新消息数量、状态标签之类的。这时候就轮到 Badge 组件登场了。...
发简信
IP属地：北京
-
鸿蒙ArkTS | Badge 信息标记组件自学指南 -
鸿蒙HarmonyOS - SideBarContainer 组件自学指南
在日常开发中，如果你有类似「左侧导航 + 右侧内容」的布局需求，比如后台管理界面、文件管理器、设置页等，SideBarContainer 是非常值得掌握的组件。它自带侧边栏和...
-
HarmonyOS：ArkTS RowSplit 组件自学指南在日常的 ArkTS 应用开发工作里，我常常要处理各种复杂的界面布局需求。尤其是在需要将多个子组件进行横向排列，并且希望用户能够灵活调整子组件宽度的场景下，传统的布局方式显得...
-
HarmonyOS：ArkTS 多态样式自学指南在日常的 ArkTS 应用开发工作中，我常常面临着为组件设置不同状态样式的需求。用户与界面进行交互时，如点击、按下、选中、禁用等操作，都希望组件能呈现出相应的视觉反馈，以提升...
-
HarmonyOS：ArkTS Path 组件自学指南在日常的鸿蒙应用开发工作中，我常常会遇到需要绘制各种图形和路径的场景。无论是简单的直线、折线，还是复杂的曲线、椭圆弧，传统的布局方式很难满足多样化的图形绘制需求。直到我接触到...
-
鸿蒙栅格布局组件 GridRow 自学指南在日常的鸿蒙应用开发工作里，我时常面临布局设计的挑战。不同设备的分辨率、宽高比千差万别，若采用传统的固定布局，在某些设备上可能出现组件挤压、留白过多甚至显示错乱的尴尬局面。而...
-
HarmonyOS：动画 motionPath 、 animateToImmediately API自学指南
在日常的鸿蒙应用开发工作中，我常常遇到需要为应用添加灵动、流畅动画效果的场景，从一个按钮的简单位移，到复杂组件的渐变展示，动画已然成为提升用户体验不可或缺的部分。然而，初涉鸿...
-
HarmonyOS：ArkTS 显式动画 animateTo 自学指南
在最近的项目开发工作中，我频繁需要为界面元素添加过渡动画效果，以提升用户体验。在这个过程中，我接触到了 ArkTS 提供的 animateTo 全局显式动画接口。它为由于闭包...
-
HarmonyOS @Reusable 装饰器自学指南：高性能组件复用实战指南
在 HarmonyOS 开发中，组件性能优化是永恒的主题。笔者在开发音乐播放器时，发现列表滑动时帧率波动明显。通过分析渲染日志，发现大量组件重复创建销毁导致资源浪费。深入研究...
-
HarmonyOS人脸比对技术自学指南与实战分享
作为一名专注于移动应用开发的工程师，我在近期的娱乐类 APP 项目中遇到了人脸相似度比对的需求。传统方案需要集成多个 SDK（检测 + 比对 + 活体），而 HarmonyO...
-
HarmonyOS 之 @Require 装饰器自学指南在 HarmonyOS 应用开发工作中，我频繁碰到组件初始化传参校验的难题。在复杂的组件嵌套里，要是无法确保必要参数在构造时准确传入，就极易引发运行时错误，而且排查起来费时费...
-
HarmonyOS：@AnimatableExtend 装饰器自学指南
在最近的项目开发中，我遇到了需要实现复杂动画效果的需求。在探索解决方案的过程中，我发现了 @AnimatableExtend 装饰器，它为实现动画效果提供了一种非常灵活且强大...
-
深入探索ArkUI中的@LocalBuilder装饰器：构建高效可维护的UI组件在ArkUI框架中，组件化开发是提升代码复用性和维护性的关键手段。随着项目复杂度的增加，开发者常常面临如何在保持组件封装性的同时，灵活处理组件内部逻辑的问题。传统的@Buil...
-
鸿蒙相机开发实战：从设备适配到性能调优 —— 我的 ArkTS 录像功能落地手记（API 15）
引言：为什么我要写这份开发指南？ 作为一名老技术，最近特别喜欢研究鸿蒙相机功能，而且目前已经更新到API15了，那么咱们更要好好研究一下。而且从手持云台到车载记录仪，每个项目...
-
从 0 到 1 掌握鸿蒙 AudioRenderer 音频渲染：我的自学笔记与踩坑实录（API 14）
最近我在研究 HarmonyOS 音频开发。在音视频领域，鸿蒙的 AudioKit 框架提供了 AVPlayer 和 AudioRenderer 两种方案。AVPlayer ...
-
HarmonyOS ArkTS声明式UI开发实战教程
引言：为何选择ArkTS？ 在HarmonyOS生态快速发展的当下，ArkTS作为新一代声明式UI开发框架，正在引发移动应用开发范式的变革。笔者曾在多个跨平台框架开发中经历过...
-
盘点原生JavaScript中直接触发事件的方式
JavaScript提供了多种方式来直接触发事件，无论是在用户交互、程序逻辑处理或是数据更新时。本文将全面探讨原生JavaScript中各种事件触发方式，并通过深入的技术案例...
-
深入理解 ECMAScript 2024 新特性：Promise.withResolversECMAScript 2024 带来了一些不错的新特性，其中 Promise.withResolvers 是一个备受关注的新增方法。这一方法极大地简化了开发者在手动创建 Pr...
-
深入理解 ECMAScript 2024 新特性：Map.groupBy() 分组操作ECMAScript 2024 (ES15) 引入了一个极具潜力的新特性：Map.groupBy()，它大大简化了数据分组的操作。无论是在处理数组、对象，还是更复杂的业务逻辑...
-
总结 JavaScript 中的变体函数调用方式
JavaScript 中函数调用有许多独特的变体方式，例如 ~function、-function 等。这些变体不仅展现了 JavaScript 语言的灵活性，也可以在某些场...