一.模块化语法 1.模块化基本认知 1）简介： 模块化：把一个大的程序，【拆分】成若干小的模块，通过【特定的语法】，可以进行任意组合，ArkTs中的每个ets文件，都可以看作是一个模块 2.默认导出和导入 1）简介： 默认导出：指一个模块，只能默认导出一个值或对象。使用时，可以自定义导入名称。 2）使用步骤： ①当前模块中国导出模块。 ②需要使用的…

一.剩余参数和展开运算符 1.剩余参数 1）简介： 剩余参数的语法，我们可以将函数或方法中一个不定数量的参数表示为一个数组。 2）语法及基础代码实例： ①语法： //剩余参数只能写在最后一位 function 函数名(参数1,参数2,...剩余参数数组){ //逻辑代码 //之前的参数：挨个获取即可 //剩余参数：以数组的形式获取 } ②基础代码实…

一.Class类 1.class类-属性方法 1）简介： 类是用来 创建对象 模板。 同时类声明也会引入一个 新类型，可定义其 实例属性、方法和构造函数。 2）实例属性： ①用法： class 类名{ //1.实例属性（字段） //字段名、类型、初始值 字段名1:类型='xxx' //可选字段可以不设置初始值 字段名2?:类型 //2.构造函数 /…

一.滚动容器Scroll 简介：当子组件的布局尺寸超出Scroll的尺寸时，内容可以滚动 1.Scroll-核心用法 1）用法说明： ①Scroll设置尺寸 ②设置溢出的子组件（只支持一个子组件） ③滚动方向（支持横向和纵向，默认纵向） 2）代码示意： build() { Scroll(){ //只支持一个子组件 Column(){ //内容放在内…

一.Swiper轮播组件 简介： Swiper是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示。（图片、文字...） 1.Swiper的基本用法 1）语法结构： Swiper(){ //1.轮播内容 } //2.设置尺寸（内容会自动拉伸） .width('100%') .height(100) 2）使用案例： build() { …

一.字符串拼接 作用：把两个或多个字符串，拼接成一个字符串（通常拼字符串和变量） 代码例子： //字符串拼接 let name:string = '河马' let age:number = 18 console.log('简介信息','姓名'+name) console.log('简介信息','年龄'+age) //tip：+两边只要有字符串，'+…

一.弹性布局（Flex） 弹性容器组件：Flex() 1.基本使用： Flex(){ 子组件1 子组件2 子组件3 子组件N } ①主轴方向：direction ②主轴对齐方式：justifyContent ③交叉轴对齐方式：alignItems ④布局换行：wrap 例子：添加direction:FlexDirection.Column后 例子：…

一、设计资源-svg图标 需求：界面中展示图标→可以使用svg图标（任意放大缩小不失真，可以改颜色） 使用方法： 1.设计师提供：基于项目涉及的图标，拷贝到项目目录使用 2.图标库中选取：找到合适的图标资源→下载（svg）→拷贝使用 官方图标库地址：https://developer.huawei.com/consumer/cn/design/re…

零.准备阶段 在bulid里进行代码编写，在预览器观看代码效果 简单修改基础代码，查看效果 build() { RelativeContainer() { Text(this.message) .id('HelloWorld') .fontSize(50) //设置文本的文字大小 .fontWeight(FontWeight.Bold) //设置文…

零.认识数据与基础知识： 1.开发环境： ①前往鸿蒙官网下载DevEco Studio： https://developer.huawei.com/consumer/cn/deveco-studio 一路点击安装→打开软件 首先我们不用去管左侧这一堆乱七八糟的代码，刚开始看也看不懂，我们打开entry/src/main/ets/pages/Inde…