摘要：DEMO下载地址：鸿蒙 HarmonyOS NEXT应用开发案例集地址 阅读全文

摘要：一、Axios 介绍 Axios 是一个基于 JavaScript 的开源库，用于在浏览器和 Node.js 等环境中发送 HTTP 请求。它支持 Promise API，并简化了 XMLHttpRequests 和 Fetch API 的使用，为开发者提供了一种简洁易用的方式来实现 AJAX 请求 阅读全文

摘要：🐹 1. Axios Axios ，是一个基于 promise 的网络请求库，可以运行 node.js 和浏览器中。本库基于Axios 原库v1.3.4版本进行适配，使其可以运行在 OpenHarmony，并沿用其现有用法和特性。 1、http 请求2、Promise API3、request 和 阅读全文

摘要：一、鸿蒙 Next 权限申请概览 鸿蒙 Next 系统为了保护用户数据和系统资源，对应用的权限进行了细致的分类管理。其中，系统授权和用户授权是两种主要的授权方式，它们各自适用于不同类型的权限，开发者需要根据应用的具体功能需求来选择合适的授权方式。这就好比在建造一座大厦时，需要根据不同区域的功能需求选 阅读全文

摘要：一、概述 this指向感觉也是js语言中一个比较经典的问题了，相信有过网页前端经验的小伙伴们肯定会有接触过吧，而鸿蒙的逻辑编程语言是ArkTS，是基于TS进行封装的，而TS又是经过JS封装的，这就形成了一个这样的关系链，JS --> TS --> ArkTs，因此ArkTS中的this指向和JS中大 阅读全文

摘要：在现代应用开发中，图标是用户界面设计的关键元素。HarmonyOS提供了强大的SymbolGlyph组件，用于创建和控制图标的显示效果。 🔊：image 和 symbol 的区别定义：image通常指的是图像、图片或照片等视觉元素，而symbol通常指的是代表某个概念或符号的具体符号、标志或图案等 阅读全文

摘要：markAnchor markAnchor(value: Position | LocalizedPosition) 设置元素在位置定位时的锚点，从position或offset的位置上，进一步偏移。 ！！！注意：有点往回微调的意思 说明： 设置.position({x: value1, y: va 阅读全文

摘要：offset offset(value: Position | Edges | LocalizedEdges) 相对偏移，组件相对原本的布局位置进行偏移。offset属性不影响父容器布局，仅在绘制时调整位置。可以参考，前端中的相当布局。 说明： Position类型基于组件自身左上角偏移，Edges 阅读全文

摘要：position position(value: Position | Edges | LocalizedEdges) 绝对定位，确定子组件相对父组件的位置。当父容器为Row/Column/Flex时，设置position的子组件不占位。 ！！！注意： Position类型基于父组件左上角确定位置; 阅读全文

摘要：direction direction(value: Direction) 设置容器元素内主轴方向上的布局。 ！！！注意：该属性在Column组件上不生效。 说明：属性配置为auto的时候，按照系统语言方向进行布局。 参数： 参数名类型必填说明 value Direction 是 默认值：Direc 阅读全文

摘要：align align(value: Alignment) 设置容器元素绘制区域内的子元素的对齐方式。 ！！！注意：只在Stack、Button、Marquee、StepperItem、Text、TextArea、TextInput、FolderStack中生效，其中和文本相关的组件Marquee、 阅读全文

摘要：通过尺寸设置中的calc计算属性，对子组件的宽度进行判断，设置子组件的宽度。 @Entry @Component struct TestIndex { build() { Column({ space: 10 }) { Text('calc') .fontSize(50) .backgroundCo 阅读全文

摘要：一、constraintSize概述 在鸿蒙开发中，设置约束尺寸，组件布局时，进行尺寸范围限制。在原有固定宽高的基础上，可以设置最小宽，最大宽；最小高，最大高。 二、constraintSize用法 constraintSize(value: ConstraintSizeOptions) 设置约束尺 阅读全文

摘要：一、layoutWeight概述 在鸿蒙开发中，每个布局组件都可以设置layoutWeight属性。该属性是一个浮点数值，用于表示组件在布局中的相对权重。具体而言，layoutWeight属性决定了组件在布局中所占用的空间大小。设置的layoutWeight值越大，组件所占用的空间也就越大。相反，值 阅读全文

摘要：一、概述 arkUI的布局采用的是前端那一套盒子模型，所以先了解一下盒子模型很有必要，不然我们在进行arkUI布局时，会很懵逼！ 1. 盒子模型（BoxModel） 在前端的概念里，所有的​HTML元素​都可以被认为是​盒子​。CSS盒模型代表网站的设计和布局。 它由​外边距​​(margin)​， 阅读全文

摘要：通过尺寸设置中的calc计算属性，对子组件的宽度进行判断，设置子组件的宽度。 @State flag: boolean = true build() { Row() { Text('调整宽度') .fontSize(18) .backgroundColor(Color.Red) .size({ wi 阅读全文

摘要：一、阴影接口 阴影接口shadow可以为当前组件添加阴影效果，该接口支持两种类型参数，开发者可配置ShadowOptions自定义阴影效果。 ！！！注意：ShadowOptions模式下，当radius = 0 或者 color 的透明度为0时，无阴影效果。 1. ShadowOptions 入参类 阅读全文

摘要：一、Json数据转Model 1. 定义模型： 在你的项目中，定义一个 TypeScript 模型来表示你的数据。例如，我们创建一个 Person 模型。 // src/models/Person.ts export interface Person { name: string; age: num 阅读全文

摘要：一、概述 在移动端开发中，安全区域是指页面的显示区域，默认不与系统设置的非安全区域比如状态栏、导航栏区域重叠，默认情况下开发者开发的界面都被布局在安全区域内。例如下图中 @Entry @Component struct Index { build() { Column() { Text('安全区域' 阅读全文

摘要：@Require是校验 @Prop 和 @BuilderParam 是否需要构造传参的一个装饰器， @Require 装饰器不能单独使用。 🔊 说明：从API version 11开始使用。 概述 当@Require装饰器和@Prop或者@BuilderParam结合使用时，在构造该自定义组件时， 阅读全文