微信小程序学习--基础篇(二)

一、全局配置–tabBar

1、tabBar底部导航栏

(1)list [] 数组中至少有2项,最多5项,在app.json文件中配置。
(2)在tabBar中添加"selectcolor":“#ccc”, 可修改选中后字体的颜色。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

tab页签,对应的页面必须放到最前面

二、小程序-API

1、api的3大分类

(1)通过api,开发者可以方便的调用微信提供的能力,如:获取用户信息,本地存储,支付功能。
(2)api的3大分类:
在这里插入图片描述

三、WXML模板语法

1、数据绑定

1.数据绑定的基本原
(1)在data中定义数据
在页面对应的 .js 文件中,把数据定义到data对象中即可;
在这里插入图片描述
(2)在WXML中使用数据;
把data中的数据绑定到页面中渲染,使用Mustache语法 { {}},将变量包起来。
在这里插入图片描述
1)绑定内容,绑定属性,三元运算
在这里插入图片描述在这里插入图片描述
2)算数运算

关键代码: 在.js文件中:
// 生成一个带两位小数随机数,如:0.34
randomNum2:Math.random().toFixed(2)

在这里插入图片描述

2、事件绑定

(1)事件是渲染层(页面)到逻辑层(.js文件)的通讯方式。通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。
(2)小程序中常用的事件
在这里插入图片描述
(3)事件对象的属性列表
在这里插入图片描述
(4)target和currentTarget的区别
一般常用target
在这里插入图片描述
(5)bindtap的语法,定义按钮的事件处置函数,事件event可以简写为e
在这里插入图片描述
(6)在事件处理函数中为data中的数据赋值

关键代码:// +1按钮的点击事件处理函数,this.setData 赋新值函数,this.data. 旧值函数
CountChange(e) {
this.setData({
count: this.data.count + 1
})
},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值