> 文档中心 > 【鸿蒙生态第二节课#2】

【鸿蒙生态第二节课#2】

  1. 轮播图组件
    harmonyOS中swiper组件不使用swiper-item
    通过block循环实现多组图片轮播
<swiper class="swiperview" autoplay="true" indicator="true">     <block for="{{swiperdatas}}">  <div class="box1">      <image src="{{$item}}"></image>  </div>     </block> </swiper>
  1. onInit()
    页面初始化时触发。一个页面只会调用一次,可以在 onInit() 的参数中获取打开当前页面路径中的参数。

     循环赋值的for循环等可以写在 onInit() 中
  2. 清空数组内元素方法
    方法一:赋予数组空数组[]

    this.datas = [];

    方法二:使用splice()删除数组元素

    this.datas.splice(起始元素下标,删除该元素的后几位);this.datas.splice(index,1);//splice函数删除数组中的第 index 项以及后面的 1 项this.datas.splice(0,this.datas.length);//删除全部元素

    splice删除起始元素到结尾元素,实现全部删除使用 splice(0,datas.length);

  3. prompt()显示对话框提示用户操作
    title:对话框标题
    message:对话框内文字
    button:设置按钮,text属性设置按钮文本,color设置文本颜色,可以设置多个按钮

    buttons:[{"text":"确认","color":"#000000"},  {"text":"取消","color":"#000000"}],

    注:使用前import prompt from '@system.prompt';

  4. 添加随机数据

    //添加随机数据 使用javascript随机数//数据:范围:0~< 数值let rv = parseInt(Math.random()*11);

    parseInt() 函数可解析一个字符串,并返回一个整数。
    random() 函数生成随机数,函数可以取得0到1之间的随机小数,如果想得到一个大于1的随机值,则需要再乘以一定的数值来实现。
    例如:

    60 * Math.random()

    运算结果,就是得到了60以内的一个随机数值。

  5. 执行删除,更新操作时,需要对操作者有所提示
    例如:弹出对话框提示操作者的操作
    在这里插入图片描述

  6. typeof查看数据类型

    data:{a1:10, a2:"10", a3:'10', a4:true, a6:[],//数组 a7:{},    }    onInit(){ console.log("a1的值为:"+this.a1); console.log("a1的数据类型为:"+typeof this.a1); console.log("a2的值为:"+this.a2); console.log("a2的数据类型为:"+typeof this.a2); console.log("a3的值为:"+this.a3); console.log("a3的数据类型为:"+typeof this.a3); console.log("a4的值为:"+this.a4); console.log("a4的数据类型为:"+typeof this.a4); let a5; console.log("a5的值为:"+this.a5); console.log("a5的数据类型为:"+typeof this.a5); console.log("a6的值为:"+this.a6); console.log("a6的数据类型为:"+typeof this.a6); console.log("a7的值为:"+this.a7); console.log("a7的数据类型为:"+typeof this.a7);    }

    在这里插入图片描述 各种数据类型数据,注意 ""''产生数据类型相同