typescript标签_HarmonyOS开发者社区

typescript

鸿蒙开发样式收藏

.justifyContent(FlexAlign.Center)

Trainer2107
2025-12-08 09:37:48

 193

 2

#css #typescript #harmonyos
鸿蒙开发TypeScript第九课：断言

断言：一旦发现存在类型断言，就不再对该值进行类型推断，而是直接采用断言给出的类型（就是告诉编译器，你别管了，直接用我的）有需要完整教程demo的私信我，我每天都看私信的。

恰逢花开花香
2025-11-27 15:22:13

 356

 6

#typescript #鸿蒙
鸿蒙开发TypeScript第十课：namespace

知道：namespace 用来建立一个容器，内部的所有变量和函数，都必须在这个容器里面使用。只能用export外发出去，外面才能用。在鸿蒙开发中很少用到，可以不学。

恰逢花开花香
2025-11-27 15:24:45

 237

 2

#typescript
JavaScript代码和typescript的地址和数值引用，鸿蒙的深层拷贝

/ false，对象引用不相同。在上面的代码中，由二的那部分鸿蒙的ets文件代码也可以写成。上面的代码是实现深层拷贝，不再引用各自的内存地址引用。{ ... } 本身是一个对象字面量，一、JavaScript代码。二、鸿蒙的ets文件代码。欢迎关注码文狙击所。

hashiqimiya
2025-11-22 16:24:57

 305

 9

#javascript #typescript #开发语言
鸿蒙开发TypeScript第七课：泛型

有需要完整教程demo的私信我，我每天都看私信的。泛型包括：泛型类，泛型接口，泛型方法。

恰逢花开花香
2025-11-21 11:06:35

 367

 4

#typescript
鸿蒙开发TypeScript第八课：枚举enum

有需要完整教程demo的私信我，我每天都看私信的。经常需要定义一组相关的常量就可以用枚举。

恰逢花开花香
2025-11-21 11:12:40

 274

 2

#typescript #javascript #鸿蒙
鸿蒙开发TypeScript第六课：对象

interface 继承 interface在实际项目中，两者经常配合使用：接口定义类型，类实现功能。

恰逢花开花香
2025-11-15 15:14:17

 236

 6

#typescript #android
鸿蒙开发TypeScript第五课：方法或者函数

有需要完整教程demo的私信我，我每天都看私信的。方法就是函数，函授就是方法，不纠结。方法用的好，少写很多代码。

恰逢花开花香
2025-11-15 14:18:08

 345

 7

#typescript #android
鸿蒙开发TypeScript第三课：数组

Entry@Component// 正确它不会闪退。但是如果再用获取出来的这个值的方法，它就有问题，会闪退// 数组的成员是可以动态变化的// 这样也是可以的，是不是有点神奇// 如果我不希望数组更改呢，用readonly//arr2[2] = 2 就不能增加了//arr2[0] = 3 也不能更改了。//arr2.length = 1 也不能删数量// 正确// 关键理解：只读类型限制了你能

 恰逢花开花香
2025-11-06 16:18:24

 425

 8

#typescript #javascript #鸿蒙
鸿蒙开发TypeScript第二课：类型系统

有需要完整教程demo的私信我，我每天都看私信的。类型系统，学以下6种即可,记住都是小写的。

恰逢花开花香
2025-10-23 16:35:45

 492

 6

#开发语言 #typescript #javascript
鸿蒙开发TypeScript第一课：类型的声明

这里只教鸿蒙的ts语言，因为鸿蒙做了更严格的限制，一些不能在鸿蒙中运行的语法，直接跳过不教。有需要完整教程demo的私信我，我每天都看私信的。

恰逢花开花香
2025-10-23 16:27:11

 223

 3

#开发语言 #harmonyos #typescript
鸿蒙面试题-@State 和 private

维度private@State本质访问修饰符（控制可见性）状态装饰器（管理响应式状态）作用封装数据，限制访问范围标记组件内部状态，触发视图更新适用场景所有面向对象编程（类成员）前端框架（如 SwiftUI、Vue）的组件关联性可单独使用（与状态管理无关）通常结合访问修饰符（如private）使用private管 “能不能访问”，@State管 “状态变了要不要重新渲染视图”，二者可结合使用（如表示

 Zzz_睡不醒
2025-10-20 12:11:28

 304

 1

#鸿蒙 #typescript
鸿蒙ArkUI布局与样式进阶（七）——鸿蒙 ArkUI 开发中的条件判断与循环语句全解析（实战 + 思维延伸）

本文系统介绍了鸿蒙ArkUI开发中的逻辑控制核心——条件语句与循环结构。通过ArkTS语法详解，从基础if/三元运算符/switch到ArkUI特有的条件渲染与ForEach循环，结合购物车控制、数据筛选等实战案例，深入解析状态驱动UI的响应式机制。文章特别强调性能优化技巧，如简化条件判断、EarlyReturn策略及ArkUI特有的渲染频率控制，帮助开发者构建高效流畅的鸿蒙应用。最后指出优秀逻辑

 那年窗外下的雪.
2025-10-09 01:05:03

 910

 36

#javascript #前端 #开发语言 +4
如何实现鸿蒙的双层滚动

实现鸿蒙的双层滚动采用Scroll嵌套List组件实现双层滚动效果。

@'z.x.r_
2025-09-30 14:37:59

 218

 2

#typescript #鸿蒙
鸿蒙 - 登录页面

【代码】鸿蒙 - 登录页面。

王兆龙168
2025-09-21 19:00:06

 162

 3

#鸿蒙 #typescript
鸿蒙 - 忘记密码页面

【代码】鸿蒙 - 忘记密码页面。

王兆龙168
2025-09-21 19:04:59

 173

 1

#鸿蒙 #typescript
鸿蒙 - 查询

【代码】鸿蒙 - 查询。

王兆龙168
2025-09-21 20:51:24

 173

 1

#鸿蒙 #typescript
鸿蒙 - 验证码功能

【代码】鸿蒙 - 验证码功能。

王兆龙168
2025-09-21 21:03:52

 313

 3

#鸿蒙 #typescript
鸿蒙 - 登录成功页面

【代码】鸿蒙 - 登录成功页面。

王兆龙168
2025-09-21 19:02:06

 166

 1

#typescript #鸿蒙
鸿蒙 - 待办事项

【代码】鸿蒙 - 待办事项。

王兆龙168
2025-09-18 20:46:20

 197

 1

#鸿蒙 #typescript
鸿蒙开发之UI逻辑分离---工具类实现UI状态更新

HarmonyOS ArkTs ArkUI最佳实践地址：https://gitcode.com/FlyTiger_/deepState现在提供一种由工具类驱动的状态更新工具类

 Dingshuaishuaish
2025-09-10 21:37:53

 242

 4

#ui #typescript
鸿蒙绘制轨迹地图

【代码】鸿蒙绘制轨迹地图。

malanjun11
2025-09-08 09:42:36

 195

 2

#typescript
鸿蒙开发引导页

一般第一次使用app，会有4个界面引导介绍app的使用，统称引导页。有问题或者需要完整源码的私信我，我每天都看私信的。

恰逢花开花香
2025-09-03 11:18:16

 314

 1

#typescript
纯血鸿蒙进阶开发指南：分布式数据同步与跨设备协同

本指南深入介绍了纯血鸿蒙的分布式数据同步与跨设备协同开发，通过分布式数据库、设备管理和UI协同三大核心组件，实现了多设备间的无缝数据同步和实时协作。文章以多设备协同笔记应用为实战案例，详细展示了从数据加密、实时同步到冲突解决的完整实现方案，提供了字符级实时编辑、离线支持和智能同步策略等高级特性，为开发者构建真正意义上的分布式应用提供了全面的技术参考和实践指导。

qq_16226939
2025-08-27 00:30:07

 580

 3

#harmonyos #分布式 #华为 +2
鸿蒙开发过程中图片闪烁问题解决

摘要：文章分析了评论列表模块中点击"支持"按钮时图片闪烁的问题。原因在于原有代码只能更新数据而无法同步更新UI。通过使用splice方法强制重新渲染虽然解决了UI更新问题，但导致了图片闪烁。最终解决方案是采用HarmonyOS的@Observed和@ObjectLink装饰器：1)用@Observed修饰数据类实现属性观察；2)用@ObjectLink建立子组件与父组件数据的双

 qq_51330892
2025-08-24 17:42:52

 984

 6

#typescript #intellij-idea #visualstudio +1
鸿蒙开发利用数组数据下标来实现删除数据时出现的问题bug

摘要：针对全选状态下删除数据时选中状态消失的问题，通过为复选框组件添加name属性并绑定数据id，在父组件中使用forEach循环和filter筛选实现精准删除。该方法避免了因数据下标改变导致的重新渲染问题，成功保留了勾选状态。解决方案已应用于HarmonyOS赋能资源建设项目中。

qq_51330892
2025-08-24 21:12:57

 438

 5

#bug #idea #华为 +2
鸿蒙正确使用Dayjs

这里先说几句废话，在鸿蒙第三方仓库中存在部分dayjs包，这些第三方包能正常使用，但是都无法正常引入插件会有各种问题报错。这里还是推荐使用官方的dayjs包。打开项目下的终端输入命令命令要在根目录下执行。在文件中引入dayjs。

Seven_Next
2025-08-01 14:41:27

 437

 12

#鸿蒙 #typescript
22、鸿蒙学习——ArkTS中什么是对象字面量

对象字面量通过花括号{}包裹属性名和值的键值对来创建对象，适用于需要快速初始化类实例的场景。特点：无需显示调用构造函数，代码更简洁。

青春路上的小蜜蜂
2025-07-08 14:43:32

 497

 8

#学习 #harmonyos #typescript
鸿蒙-登录页面

使用Column、Image、Text、TextInput、Button等UI组件。每个TextInput都绑定onChange事件，更新user和password。数据绑定与状态管理：定义user、pass两个变量用于存储用户手机号和密码。生命周期方法：aboutToAppear()：预留用于自动跳转到个人中心。接受注册页面传入的手机号(this.params['user'])完成相应的页面跳转

 王兆龙168
2025-06-28 01:47:15

 349

 3

#harmonyos #鸿蒙 #typescript
鸿蒙-注册页面

数据绑定与状态管理：定义user、code、password、nickname等四个变量用于存储用户输入信息。使用Column、Navigation(导航组件)、Text、TextInput、Button等UI组件。向登录页面传递注册成功的手机号(params:{user:this.user})每个TextInput都绑定onChange事件，将用户输入保存到对应的变量中。生命周期方法：about

王兆龙168
2025-06-28 01:26:29

 552

 4

#鸿蒙 #harmonyos #typescript
鸿蒙闭包的理解

闭包环境的生成逻辑大概如下，在声明一个函数之后，在其内部再声明一个函数，内层函数调用外层的局部变量进行处理，并且返回这个变量，外层函数再把内层函数整体的函数体返回到外层函数体外，从而让全局中可以调用到外层函数体内的局部变量，从而避免了全局变量带来的一些弊端，起到缓存数据的作用。：闭包是由函数及声明该函数的环境组合而成的。该环境包含了这个闭包创建时作用域内的任何局部变量。

justdoyit
2025-06-27 16:34:52

 294

 10

#harmonyos #typescript
ArkTS开发实战：构建高效鸿蒙应用的三大核心策略

ArkTS的精髓在于"用状态描述UI，而非操作UI"。掌握状态管理、线程解耦与组件化思维后，开发效率可提升50%以上。其严格的类型系统与声明式语法，正是构建高性能、可维护鸿蒙应用的核心利器。

m0_73448825
2025-06-24 22:52:32

 296

 7

#华为 #harmonyos #typescript +1
HarmonyOS Design开发实践：构建优雅的鸿蒙应用界面

摘要：本文分享了鸿蒙应用UI开发经验，重点介绍了如何运用HarmonyOS Design规范构建优雅界面。内容包括：1)鸿蒙设计语言特点与原子化组件运用；2)新闻列表界面的核心代码实现；3)动效交互优化技巧；4)多设备适配策略。通过合理使用方舟设计系统组件、动画API和弹性布局，开发者可以创建符合"一生万物"理念的跨设备一致性UI体验。（147字）

Sirius星夜
2025-06-23 16:42:23

 399

 9

#harmonyos #华为 #鸿蒙 +1
鸿蒙开发实践：深入使用 AppGallery Connect 提升应用开发效率

作为一名鸿蒙原生应用的开发者，在实际项目开发过程中，我深刻体会到华为提供的 AppGallery Connect（简称 AGC）在提升开发效率、优化产品运营和增强用户体验方面的强大能力。AGC 作为华为为开发者提供的一站式服务平台，集成了包括性能监控、远程配置、崩溃分析、云数据库等多项功能，极大地简化了应用的开发与运维流程。例如，我们可以根据不同的市场策略，远程开启或关闭某个新功能。通过这段代码

 Sirius星夜
2025-06-22 16:13:22

 948

 16

#harmonyos #华为 #鸿蒙 +1
鸿蒙功效:“AbilitySlice“的远程启动和参数传递

例如，在一个智能家居控制应用中，用户可以在手机端选择设备，然后将其控制界面“流转”到平板或智慧屏上继续操作。总结来说，鸿蒙系统以其分布式架构、高效能运行环境以及灵活的开发工具链，为开发者提供了前所未有的便利和可能性。未来，随着鸿蒙生态的不断完善，相信会有更多优秀的应用场景不断涌现。相比传统安卓应用，鸿蒙应用采用ArkTS语言（基于TypeScript扩展），具备更高的运行效率和更低的资源消耗。这段

 Sirius星夜
2025-06-22 16:11:36

 294

 7

#harmonyos #华为 #鸿蒙 +1
鸿蒙开发工具中CodeGeni 的实战经验分享

对于 HarmonyOS 应用开发而言，华为官方推出的 DevEco Studio 不仅提供了强大的调试和部署能力，其内置的 CodeGeni（也称为 UI CodeGen 工具）更是为开发者带来了极大的便利。CodeGeni 生成的代码结构清晰，支持自定义组件封装，非常适合用于构建可复用的 UI 模块，例如通用卡片、按钮组、表单等。虽然 CodeGeni 可以生成基础代码，但为了更好的性能与兼

 Sirius星夜
2025-06-22 16:35:14

 463

 3

#harmonyos #华为 #鸿蒙 +1
鸿蒙next 使用canvas实现ecg动态波形绘制

canvas 绘制动态ecg

我能与泰森两招
2025-06-21 18:14:14

 307

 1

#harmonyos #javascript #前端 +1
鸿蒙中遇到类型不匹配错误信息 Argument of type ‘PixelMap | undefined‘ is not assignable to parameter of type的解决方案

在鸿蒙开发中遇到类型不匹配问题时，当"A方法返回'PixelMap|undefined'而B方法仅接受'PixelMap'参数"，可通过以下方式解决：1)类型检查确保参数非空后使用；2)通过类型断言(pixelMap as PixelMap)或非空断言(pixelMap!)强制转换；3)使用可选链操作符(?.)安全访问；4)修改B方法接收可选参数。这些方法确保类型安全的同时处理

 言程序plus
2025-06-19 10:00:32

 609

 4

#typescript #javascript #前端 +2
鸿蒙开发5.0案例分析：基于Code Linter实现代码检查

codelinter检查的结果，用户可以选择不改，又或者不想检查出来，就可以/* eslint-disable */屏蔽，但只能屏蔽有Ignore图标的。在工程根目录下创建code-linter.json5配置文件，可对于代码检查的范围及对应生效的检查规则进行配置，ruleSet和rules配置项共同确定了生效的规则范围。在已打开的代码编辑器窗口单击右键点击Code Linter，或在工程管理窗

 2501_91726121
2025-05-26 14:58:36

 947

 19

#harmonyos #移动开发 #性能优化 +1
鸿蒙开发实现图片上传（上传用户头像）

本文介绍了在Windows模拟器中实现图片选择、拷贝和上传的完整流程。首先，通过系统预置的文件选择器（FilePicker）选择图片，并限制选择媒体文件类型为IMAGE，最大选择数目为1。接着，将选中的图片拷贝到应用缓存目录（cacheDir）中，以便后续上传操作。最后，使用上传下载模块将图片上传至服务器，并处理服务器返回的响应数据。整个流程涉及图片选择、文件拷贝和上传三个主要步骤，代码中详细展示

 ntyupup
2025-05-16 14:56:21

 597

 5

#harmonyos #华为 #javascript +1
鸿蒙开发实现tabBar-高亮切换

2.自定义TabBar 之后，高亮的切换效果就没有了，需要自行实现，首先咱们得知道什么时候进行了切换。- index：当前显示的index索引，索引从0开始计算。- index：被点击的index索引，索引从0开始计算。1.TabBar 如果放在底部的话，一般会显示。3.结合事件，来实现高亮的切换效果。如果要实现此类效果，就需要。Tab页签切换后触发的事件。滑动切换、点击切换均会触发。Tab页签

 ntyupup
2025-05-16 14:48:17

 730

 4

#harmonyos #华为 #javascript +1
鸿蒙应用开发中，Navigation底部有无法绘制的白色区域，该如何取消？

Navigation 没设置相关属性时会出现这种情况，如果要使用标题，则设置。使用 Navigation 时，发现底部有一块白色区域无法绘制，该如何取消？可以看到，下方的空白消失了，Scroll 组件能绘制到底部。，这样就能取消下方的空白部分。，如果不需要使用，则设置。

JohnakiWilson
2025-05-15 15:11:24

 315

 2

#harmonyos #华为 #鸿蒙 +1
鸿蒙应用开发中，Navigation根页面的生命周期监听方式

然后使用NavPathStack跳转到B界面，B界面使用NavDestination，然后点击B的返回按钮就回到了A。Navigation 根页面和 NavDestination 不同，NavDestination 有。我有个功能是每次显示A界面时会加载一些业务，A这个时候使用哪个API进行监听这个时机？我有一个页面（@Entry）的根容器名为A，里面使用了Navigation。等一系列生命周期，

JohnakiWilson
2025-05-15 14:31:43

 383

 8

#typescript #鸿蒙 #harmonyos +1