微信小程序的使用(四)

本人学习视频为黑马程序员,视频连接为:B站黑马程序员

Button

在这里插入图片描述
在这里插入图片描述

开放功能

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这个接口已经不能使用了
在这里插入图片描述
在这里插入图片描述
以下需要将自己的测试号改为APPID
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

ICON

图标,组件默认长度单位为px,2.4.0起支持传入单位(rpx/px)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Checkbox

使用方法与radio类似
在这里插入图片描述
在这里插入图片描述

自定义组件

创建自定义组件

类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成
在这里插入图片描述
在这里插入图片描述

实现自定义组件的功能

在这里插入图片描述
在这里插入图片描述

CSS文件

在这里插入图片描述

WXML

在这里插入图片描述

实现点击切换文字颜色逻辑

在这里插入图片描述

父向子传递数据

例子:1.首先在父页面中加入需要传递的数据到子标签中
在这里插入图片描述
2.在子组件.js文件中接收父传过来的数据
在这里插入图片描述
3.最后在子页面当中显示
在这里插入图片描述
同理上述的文字也是一样
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

子组件向父组件传递数据(通过事件)

在这里插入图片描述
在子组件.js中
在这里插入图片描述
在父wxml中
在这里插入图片描述
在父js文件当中
在这里插入图片描述

SLOT(插槽)

在这里插入图片描述
在这里插入图片描述

其他属性

在这里插入图片描述

应用的生命周期

onLaunch

在这里插入图片描述

onShow

在这里插入图片描述

onHide

在这里插入图片描述

onError

在这里插入图片描述
在这里插入图片描述

onPageNotFound

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

页面生命周期

在这里插入图片描述

data

在这里插入图片描述

onLoad

相当于应用的onlunch
在这里插入图片描述

onshow

在这里插入图片描述

onready

在这里插入图片描述

onhide在这里插入图片描述

在这里插入图片描述

onunload

在这里插入图片描述
在这里插入图片描述

onPullDownRefresh

在这里插入图片描述

onReachBottom

在这里插入图片描述

onShareAppMessage

在这里插入图片描述

onPageScroll

在这里插入图片描述

onResize

在这里插入图片描述
在这里插入图片描述

onTabItemTap

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值