鸿蒙系统开发(ES6)+(TS)
关注
分享
扫一扫
文章平均质量分 80
HarmonyOS NEXT鸿蒙系统相关应用开发ECMAScript6(ES6)开发教程 +TypeScript(TS)开发教程
青少年编程作品集
肖老师，IT高级软件工程师，从事软件设计与研发20年之久，具备丰富的设计和研发等编程经验。
精通逻辑算法，工程数控，数据分析与挖掘。有4年的金融保险银行数据逻辑算法分析处理工作经验，
有5年的电信移动无线通讯技术3G，4G网优网规相关编程经验，有4年的企业应用软件，工程控制应用软件，互联网应用软件编程经验
还有4年的移动APP，小程序，Web前后端软件编程经验。精通Scratch,Python,C,C++,Java,Javascript,html5,Css3等编程语言，
熟悉各种编程工具，以及编程的流程和编程环境。涉及积木编程，AI人工智能编程，大数据挖掘编程，手机APP和小程序编程。
展开
-
【鸿蒙系统开发技术案例】--第8课时：一多导航栏
本示例展示了导航组件在不同设备形态下的样式。在sm设备上，以tabs形式展示，内容、导航为上下样式布局，通过点击底部tabs切换内容；在md/lg设备上，以SideBarContainer形式展示，内容、导航为左右布局，通过点击侧边一二级菜单进行内容切换。本示例使用一次开发多端部署中介绍的自适应布局能力和响应式布局能力进行多设备（或多窗口尺寸）适配，主要通过组件提供窗口断点事件，保证应用在不同设备或不同窗口尺寸下可以正常显示。原创 2024-10-06 16:10:22 · 156 阅读 · 0 评论 -
【鸿蒙系统开发技术案例】--第7课时：一多移动支付
本篇Sample基于Scan Kit中的默认界面扫码能力与码图生成能力实现移动支付应用中常见的扫一扫和收付款功能。原创 2024-10-05 13:46:50 · 191 阅读 · 0 评论 -
【鸿蒙系统开发技术案例】-第6课时：HMOS世界
基于分层架构和模块化设计的最佳实践，结合HarmonyOS"一次开发，多端部署"的能力，实现一款承载HarmonyOS最新技术特性，赋能HarmonyOS开发者的应用。原创 2024-10-05 13:44:17 · 262 阅读 · 0 评论 -
【鸿蒙系统开发技术案例】-第5课时：一多开发实例
本篇Sample基于自适应布局和响应式布局，实现一次开发，多端部署的便捷生活页面，并根据手机、折叠屏、平板以及2in1不同的设备尺寸实现对应页面。原创 2024-10-05 13:36:09 · 156 阅读 · 0 评论 -
【鸿蒙系统开发技术案例】-第4课时：一多新闻阅读
本示例基于自适应布局和响应式布局，实现一次开发，多端部署的新闻阅读页面。根据手机、折叠屏以及平板不同的设备尺寸实现对应页面。原创 2024-10-05 13:32:38 · 146 阅读 · 0 评论 -
【鸿蒙系统开发技术案例】-第3课时：一多导航栏
本示例展示了导航组件在不同设备形态下的样式。在sm设备上，以tabs形式展示，内容、导航为上下样式布局，通过点击底部tabs切换内容；在md/lg设备上，以SideBarContainer形式展示，内容、导航为左右布局，通过点击侧边一二级菜单进行内容切换。本示例使用一次开发多端部署中介绍的自适应布局能力和响应式布局能力进行多设备（或多窗口尺寸）适配，主要通过组件提供窗口断点事件，保证应用在不同设备或不同窗口尺寸下可以正常显示。原创 2024-10-05 13:29:29 · 186 阅读 · 0 评论 -
【鸿蒙系统开发技术案例】--第2课时：一多商务办公
本示例主要使用断点监听和sidebarContainer组件、navigation组件相结合的方式，实现了商务办公类差异化的多场景响应式变化效果。原创 2024-10-05 13:18:22 · 176 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第27课时-TypeScript 项目配置详细介绍
如果一个目录下存在一个文件，那么它意味着这个目录是TypeScript项目的根目录。文件中指定了用来编译这个项目的根文件和编译选项。原创 2024-08-30 08:49:32 · 1191 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第26课时-TypeScript 声明文件详细介绍
一般来讲，你组织声明文件的方式取决于库是如何被使用的。在JavaScript里提供了很多库的使用方法，这就需要你书写声明文件去匹配它们。这篇指南涵盖了如何识别常见库的模式，与怎么样书写符合相应模式的声明文件。针对每种主要的库的组织模式，在模版一节都有对应的文件。你可以利用它们帮助你快速上手。这篇指南的目的是教你如何书写高质量的TypeScript声明文件。我们在这里会展示一些API的文档，还有它们的使用示例， 并且阐述了如何为它们书写声明文件。这些例子是按复杂度递增的顺序组织的。全局变量全局函数。原创 2024-08-30 08:47:22 · 1084 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第25课时-TypeScript 三斜线指令
三斜线指令是包含单个XML标签的单行注释。注释的内容会做为编译器指令使用。三斜线指令仅可放在包含它的文件的最顶端。一个三斜线指令的前面只能出现单行或多行注释，这包括其它的三斜线指令。如果它们出现在一个语句或声明之后，那么它们会被当做普通的单行注释，并且不具有特殊的涵义。指令是三斜线指令中最常见的一种。它用于声明文件间的依赖。三斜线引用告诉编译器在编译过程中要引入的额外的文件。当使用--out或--outFile时，它也可以做为调整输出内容顺序的一种方法。原创 2024-08-30 08:35:59 · 472 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第24课时-TypeScript Mixins
除了传统的面向对象继承方式，还流行一种通过可重用组件创建类的方式，就是联合另一个简单类的代码。你可能在Scala等语言里对mixins及其特性已经很熟悉了，但它在JavaScript中也是很流行的。原创 2024-08-30 08:34:14 · 248 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第22课时-TypeScript JSX
是一种嵌入式的类似XML的语法。它可以被转换成合法的JavaScript，尽管转换的语义是依据不同的实现而定的。JSX因框架而流行，但是也被其它应用所使用。TypeScript支持内嵌，类型检查和将JSX直接编译为JavaScript。原创 2024-08-30 08:30:33 · 863 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第21课时-TypeScript 声明合并
介绍TypeScript中有些独特的概念可以在类型层面上描述JavaScript对象的模型。这其中尤其独特的一个例子是“声明合并”的概念。理解了这个概念，将有助于操作现有的JavaScript代码。同时，也会有助于理解更多高级抽象的概念。对本文件来讲，“声明合并”是指编译器将针对同一个名字的两个独立声明合并为单一声明。合并后的声明同时拥有原先两个声明的特性。任何数量的声明都可被合并；不局限于两个声明。原创 2024-08-30 08:28:44 · 909 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第20课时-TypeScript 模块解析
模块解析就是指编译器所要依据的一个流程，用它来找出某个导入操作所引用的具体值。假设有一个导入语句;为了去检查任何对a的使用，编译器需要准确的知道它表示什么，并且会需要检查它的定义moduleA。这时候，编译器会想知道“moduleA的shape是怎样的？” 这听上去很简单，moduleA可能在你写的某个.ts.tsx文件里或者在你的代码所依赖的.d.ts里。首先，编译器会尝试定位表示导入模块的文件。编译会遵循下列二种策略之一：或。这些策略会告诉编译器到哪里去查找moduleA。原创 2024-08-29 08:47:14 · 1094 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第19课时-TypeScript 命名空间和模块
这篇文章将概括介绍在TypeScript里使用模块与命名空间来组织代码的方法。我们也会谈及命名空间和模块的高级使用场景，和在使用它们的过程中常见的陷阱。原创 2024-08-29 08:45:29 · 413 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第18课时-TypeScript 命名空间
这篇文章描述了如何在TypeScript里使用命名空间（之前叫做“内部模块”）来组织你的代码。就像我们在术语说明里提到的那样，“内部模块”现在叫做“命名空间”。另外，任何使用module关键字来声明一个内部模块的地方都应该使用namespace关键字来替换。这就避免了让新的使用者被相似的名称所迷惑。原创 2024-08-29 08:44:26 · 930 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第17课时-TypeScript 模块
从ECMAScript 2015开始，JavaScript引入了模块的概念。TypeScript也沿用这个概念。模块在其自身的作用域里执行，而不是在全局作用域里；这意味着定义在一个模块里的变量，函数，类等等在模块外部是不可见的，除非你明确地使用export形式之一导出它们。相反，如果想使用其它模块导出的变量，函数，类，接口等的时候，你必须要导入它们，可以使用import形式之一。模块是自声明的；两个模块之间的关系是通过在文件级别上使用imports和exports建立的。原创 2024-08-29 08:43:28 · 1250 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第16课时-TypeScript 迭代器和生成器
当目标为兼容ECMAScipt 2015的引擎时，编译器会生成相应引擎的。它提供了查看对象属性的一种方法。属性时，我们认为它是可迭代的。语句会得到一个错误，就算这些非数组值已经实现了。但是用于迭代的值却不同，当生成目标为ES5或ES3，迭代器只允许在。方法，让我们可以访问它们保存的值。会遍历可迭代的对象，调用对象上的。关注于迭代对象的值。函数负责返回供迭代的值。则迭代对象的键对应的值。编译器会生成一个简单的。等都已经实现了各自的。内置迭代器实现方式。原创 2024-08-29 08:41:51 · 520 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第15课时-TypeScript Symbols
自ECMAScript 2015起，symbol成为了一种新的原生类型，就像number和string一样。symbol类型的值是通过Symbol构造函数创建的。Symbols是不可改变且唯一的。像字符串一样，symbols也可以被用做对象属性的键。Symbols也可以与计算出的属性名声明相结合来声明对象的属性和类成员。原创 2024-08-29 08:40:35 · 463 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第14课时-TypeScript 高级类型
可以注意到我们使用了多次类型断言。如果我们只要检查过一次类型，就能够在后面的每个分支里清楚pet的类型的话就好了。TypeScript里的类型保护机制让它成为了现实。类型保护就是一些表达式，它们会在运行时检查以确保在某个作用域里的类型。要定义一个类型保护，我们只要简单地定义一个函数，它的返回值是一个类型断言在这个例子里，就是类型谓词。谓词是这种形式，必须是来自于当前函数签名里的一个参数名。每当使用一些变量调用isFish。原创 2024-08-29 08:39:36 · 1166 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第13课时-TypeScript 类型兼容性
TypeScript里的类型兼容性是基于结构子类型的。结构类型是一种只使用其成员来描述类型的方式。它正好与名义（nominal）类型形成对比。（译者注：在基于名义类型的类型系统中，数据类型的兼容性或等价性是通过明确的声明和/或类型的名称来决定的。这与结构性类型系统不同，它是基于类型的组成结构，且不要求明确地声明。在使用基于名义类型的语言，比如C#或Java中，这段代码会报错，因为Person类没有明确说明其实现了Named接口。原创 2024-08-29 08:38:35 · 807 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第12课时-TypeScript 类型推论
这节介绍TypeScript里的类型推论。即，类型是在哪里如何被推断的。原创 2024-08-29 08:36:55 · 263 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第11课时-TypeScript 枚举
使用枚举我们可以定义一些有名字的数字常量。枚举通过enum关键字来定义。一个枚举类型可以包含零个或多个枚举成员。枚举成员具有一个数字值，它可以是常数或是计算得出的值0常数枚举表达式>>>NaNInfinity所有其它情况的枚举成员被当作是需要计算得出的值。枚举是在运行时真正存在的一个对象。其中一个原因是因为这样可以从枚举值到枚举名进行反向映射。生成的代码中，枚举类型被编译成一个对象，它包含双向映射（name->value）和（value->name。原创 2024-08-29 08:35:47 · 475 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第10课时-TypeScript 泛型
软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。这样用户就可以以自己的数据类型来使用组件。原创 2024-08-29 08:34:50 · 845 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第9课时-TypeScript 函数
我们可以给每个参数添加类型之后再为函数本身添加返回值类型。TypeScript能够根据返回语句自动推断出返回值类型，因此我们通常省略它。原创 2024-08-29 08:33:48 · 1136 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第8课时-TypeScript 类
传统的JavaScript的程序使用函数和基于原型的继承来创建可重用的组件，但对于熟悉使用面向对象方式的程序员来讲就有些棘手，因为他们用的是基于类的继承并且对象是由类构建出来从ECMAScript 2015，也就是ECMAScript 6开始，JavaScript程序员将能够使用基于类的面向对象的方式。到目前为止，我们只讨论了类的实例成员，那些仅当类被实例化的时候才会被初始化的属性。当我们比较两种不同的类型时，并不在乎它们从何处而来，如果所有成员的类型都是兼容的，我们就认为它们的类型是兼容的。原创 2024-08-29 08:32:41 · 890 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第7课时-TypeScript 接口
TypeScript的核心原则之一是对值所具有的shape进行类型检查。它有时被称做“鸭式辨型法”或“结构性子类型化”。在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。原创 2024-08-29 08:21:52 · 692 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第6课时-TypeScript 变量声明
我们提过使用var声明时，它不在乎你声明多少次；你只会得到1个。var x;var x;var x;在上面的例子里，所有x的声明实际上都引用一个相同的x，并且这是完全有效的代码。这经常会成为bug的来源。好的是，let声明就不会这么宽松了。let x = 10;let x = 20;// 错误，不能在1个作用域里多次声明`x`并不是要求两个均是块级作用域的声明TypeScript才会给出一个错误的警告。并不是说块级作用域变量不能在函数作用域内声明。而是块级作用域变量需要在不用的块里声明。原创 2024-08-28 09:37:02 · 1003 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第5课时-TypeScript 基础类型
为了让程序有价值，我们需要能够处理最简单的数据单元：数字，字符串，结构体，布尔值等。TypeScript支持与JavaScript几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。原创 2024-08-28 09:35:35 · 510 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第4课时-TypeScript 3.1介绍
在 TypeScript 3.1 中，元组和数组上的映射对象类型现在产生新的元组/数组，而不是创建一个新的类型，其中的成员，比如，和将被转换。例如：使用一种类型，当该类型是一个元组，例如，它只转换数字属性。在中，有两个数字命名的属性：和。当给出这样的元组时，将创建一个新的元组，其中和属性是原始类型的s。因此，结果类型最终会得到类型。TypeScript 3.1 能够在函数声明和-declared functons 上定义属性，只需在同一范围内分配这些函数的属性即可。这允许我们编写规范的JavaScri原创 2024-08-28 09:34:20 · 432 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第3课时-TypeScript 2.1介绍
为具有初始值设定项且没有类型注释的let变量，var变量，参数或非readonly属性推断的类型是初始化程序的扩展文字类型。对于字符串文字类型的加宽类型是string，number对于数字文字类型，boolean对于true或false，以及包含枚举文字类型的枚举。具体来说，当为没有类型注释的const位置推断出文字类型的表达式时，该const变量将推断出一个加宽的文字类型。在JavaScript中，使用期望属性名称作为参数的API是相当普遍的，但到目前为止，还无法表达这些API中出现的类型关系。原创 2024-08-28 09:33:18 · 661 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第2课时-TypeScript 2.0介绍
一些库被设计为可以使用多种模块加载器或者不是使用模块加载器（全局变量）来使用，这被称为UMD或同构模块。这些库可以通过导入或全局变量访问。原创 2024-08-28 09:31:59 · 737 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统应用开发TypeScript(TS)开发基础教程】-第1课时-TypeScript 快速入门
TypeScript是由微软开发的自由和开源的编程语言。TypeScript是JavaScript的一个超集，从今天数以百万计的JavaScript开发者所熟悉的语法和语义开始。可以使用现有的JavaScript代码，包括流行的JavaScript库，并从JavaScript代码中调用TypeScript代码。TypeScript可以编译出纯净、 简洁的JavaScript代码，并且可以运行在任何浏览器上、Node.js环境中和任何支持ECMAScript 3（或更高版本）的JavaScript引擎中。原创 2024-08-28 09:28:50 · 807 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统相关应用开发ECMAScript6(ES6)开发基础教程】-第18课时-ECMAScript 6 总结
ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。原创 2024-08-28 08:59:44 · 715 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统相关应用开发ECMAScript6(ES6)开发基础教程】-第19课时-JavaScript Promise 技术
ECMAscript 6 原生提供了 Promise 对象。Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。原创 2024-08-28 09:07:09 · 1051 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统相关应用开发ECMAScript6(ES6)开发基础教程】-第17课时-5.3 ES6 async 函数
async 函数中可能会有 await 表达式，async 函数执行时，如果遇到 await 就会先暂停执行 ，等到触发的异步操作完成后，恢复 async 函数的执行并返回解析值。如果一个 Promise 被传递给一个 await 操作符，await 将等待 Promise 正常处理完成并返回其处理结果。正常情况下，await 命令后面是一个 Promise 对象，它也可以跟其他值，如字符串，布尔值，数值以及普通函数。async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。原创 2024-08-28 08:57:31 · 405 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统相关应用开发ECMAScript6(ES6)开发基础教程】-第16课时-5.2 ES6 Generator 函数
ES6 新引入了 Generator 函数，可以通过 yield 关键字，把函数的执行流挂起，为改变执行流程提供了可能，从而为异步编程提供解决方案。基本用法。原创 2024-08-28 08:55:04 · 738 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统相关应用开发ECMAScript6(ES6)开发基础教程】-第15课时-5.1 ES6 Promise 对象
是异步编程的一种解决方案。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。原创 2024-08-28 08:51:41 · 467 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统相关应用开发ECMAScript6(ES6)开发基础教程】-第14课时-4.4 ES6 模块
在 ES6 前， 实现模块化使用的是 RequireJS 或者 seaJS（分别是基于 AMD 规范的模块化库， 和基于 CMD 规范的模块化库）。ES6 引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6 的模块化分为导出（export） @与导入（import）两个模块。原创 2024-08-28 08:48:40 · 493 阅读 · 0 评论 -
【HarmonyOS NEXT鸿蒙系统相关应用开发ECMAScript6(ES6)开发基础教程】-第13课时-4.3 ES6 Class 类
在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。class 的本质是 function。它可以看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法。类表达式可以为匿名或命名。// 匿名类this.a = a;// 命名类this.a = a;原创 2024-08-28 08:45:24 · 443 阅读 · 0 评论