HarmonyOS 第一次培训

一、

1.写完代码后previewer预览

2.如果要新建页面，右键pages--new--JSpage（注意创建）

3.hml是框。 “title”是显示在中间 整体布局

4.在css里有长宽布局之类的 title是文字长宽高

5.common 公共文件，存放图片，数据等

6.i18N多语言设置

7.一般使用右侧的previewer就可以了

8.一定要点进去对应的文件才能运行

9.创建新文件，要在config.json更新其路由

10.在datas导入使用相对路径

二、

1.基础组件

技术胖-华为鸿蒙系统应用 OpenHarmony JS 前端开发 基础入门教程-完结华为鸿蒙系统应用 OpenHarmony JS 前端开发 基础入门教程-完结https://jspang.com/article/74%E8%BF%99%E4%B8%AA%E5%8D%9A%E5%AE%A2%E9%93%BE%E6%8E%A5应用开发导读-入门-HarmonyOS应用开发https://developer.harmonyos.com/cn/docs/documentation/doc-guides/document-outline-0000001064589184

2.在图表中：

要显示X,Y轴需要在js里找到display 的false更改为true；

导包  ： import xxx from"../../common/XXX /xxx"；

3.构建多图帧动画：

通过js引入图片一定要使用绝对路径

HMdemo-entry-src-main-js-animate-common-images-复制粘贴--js里改名称-iconfont-阿里巴巴矢量图标库https://www.iconfont.cn/

4.TodoList 

文本内容必须在<text>标签中才能呈现

法1：删除事项this.todoList.splice(index,1)-hml里找到switch更改：@change:"switchChange($idx)

法2：在js里

switchChange（index）{

        this.todoList[index].status = !this.todoList[index].status

},

computed:{

        todoCount(){

                let num =0;

                this.todoList.forEach(element = >{

                        if(element.status){

                                num++

                        }

                }

        

        }

}

---在hml里找到info-num括号里的数字改为todoCount

手机端 lpx = 3；TV设备，穿戴设备lpx = 2

5. JS UI   接口

   在JS文件里导入模块

import storage from '@system.storage';

6.网络数据请求

7.自定义组件使用

将已有组件进行拓展

调用

8.父子组件通信功能实现

9.路由功能