梅科尔工作室-李庆浩 鸿蒙前端笔记3

1两个常见容器组件的使用

1.1list组件

列表包含一系列相同宽度的列表项。适合连续、多行呈现同类数据，例如图片和文本。

<list>的子组件支持<list-item-group>和<list-item>。

示例：<官方文档>

1.2swiper组件

滑动容器，提供切换子组件显示的能力。

<swipe>支持除<list>之外的子组件。

<官方文档>

 

2生命周期

2.1应用生命周期

详情见<官方文档>

在app.js中可以定义如下应用生命周期函数：

属性	类型	描述	触发时机
onCreate	() => void	应用创建	当应用创建时调用。
onShow6+	() => void	应用处于前台	当应用处于前台时触发。
onHide6+	() => void	应用处于后台	当应用处于后台时触发。
onDestroy	() => void	应用销毁	当应用退出时触发。

2.2页面生命周期

在页面JS文件中可以定义如下页面生命周期函数：

详情见<官方文档>

属性	类型	描述	触发时机
onInit	() => void	页面初始化	页面数据初始化完成时触发，只触发一次。
onReady	() => void	页面创建完成	页面创建完成时触发，只触发一次。
onShow	() => void	页面显示	页面显示时触发。
onHide	() => void	页面消失	页面消失时触发。
onDestroy	() => void	页面销毁	页面销毁时触发。

3.JSON数据的使用

3.1JSON数据的写入

将整理好的JSON数据放入JSON数据文件中，将之放置common目录下。

示例：

3.2JSON数据的导入

在JS文件中使用JSON数据时要引入一行代码，否则无法使用。当然除此之外也可以通过JSON函数把JSON数据转为JS数据进行使用。不过，通过这个代码后，可直接将JSON数据作为JS数据使用。

代码：// @ts-nocheck

示例：

3.3JSON常见函数使用

3.3.1JSON.parse()

我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

详细说明见：菜鸟教程JSON.PARSE

示例：JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');

3.3.2JSON.stringify()

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

 详细说明见：菜鸟教程JSON.PARSEshili

4常见JS函数

4.1slice函数

slice() 方法可从已有的数组中返回选定的元素。

slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

注意： slice() 方法不会改变原始数组。

详情见：菜鸟教程JS.slice

示例：

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];

var citrus = fruits.slice(1,3);

citrus 结果输出:

Orange,Lemon

4.2splice

splice() 方法用于添加或删除数组中的元素。

注意：这种方法会改变原始数组。

详情见：菜鸟教程JS.splice

示例：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");

fruits 输出结果：

Banana,Orange,Lemon,Kiwi,Apple,Mango