技术博客2

鸿蒙中的增删改查

清楚数据

delall()
{
    this.arrdatas = [];
}

只需将数组重新设置为空即可

增加数据

add()
{
    let rv = parseInt(Math.random()*11);
    this.arrdatas.push("随机数项为"+rv+"项")
}

这里主要学习了随机数的用法

删除某一项数据

delitem(index)
{
    prompt.showDialog({
        title:"操作提示",
        message:"你确定删除这条数据吗",
        buttons:[{"text":"确认","color":"#000000"},
                 {"text":"取消","color":"#000000"}],
        success:(event)=>{
        if(event.index==0){
            this.arrdatas.splice(index,1);
        }
        if(event.index==1){
            prompt.showToast({
                message:"你取消了操作",
                duration:6000
            });
        }
    }
    })
}

这里主要学习了弹出提示框以及splice函数的用法

分页的处理

loadmode()
{
    this.currentpage++;
    prompt.showToast({
        message:"加载的是：第"+this.currentpage+"页数据"
    });
    let maxSize = this.arrdates.length%PAGE_NUM == 0?
        this.arrdates.length/PAGE_NUM:parseInt(this.arrdates.length/PAGE_NUM)+1;
    console.log("总共"+maxSize+"页")

    if (this.currentpage>maxSize) {
        prompt.showToast({
            message:"数据加载完毕"
        });
        this.lodetext = "数据加载完毕，见底了";
        this.flag = true;
    }
    else{
        this.listdate = this.arrdates.splice(0,this.currentpage*PAGE_NUM);
    }
}

这里主要学习了页数统计中出现小数时使用余数进行判断并使用三元运算符来处理的处理方法和加载完毕时使用flag来判断并输出不同样式的处理方法

js中的一些数据类型

 

 

需要注意的是js中的单引号和双引号都是字符串

最后是华为开发者文档中发现的错误

 

文档中写到scroll只支持纵向，但其实只需在原来的<div>中再 加入一层<div>并对该层进行样式修改即可让scroll支持纵向

<div class="container">
    <div class="topview">
        <block for="{{arrs}}">
           <div class="boxview">
               <text>{{$item}}</text>
           </div>
       </block>
    </div>
</div>

.topview{
    display: flex;
    flex-direction: row;
    height: 40%;
    overflow: scroll;
    align-items: center;
    justify-content: center;
    background-color: aquamarine;
}