微信小程序学习(四)

阅读数: 次 2021-07-15

本人学习视频为黑马程序员，视频连接为：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

在这里插入图片描述

本文作者： 未入流的小邹
发布时间： 2021-07-15
最后更新： 2022-06-28
本文标题： 微信小程序学习(四)
本文链接： https://zihong135.github.io/2021/07/15/微信小程序学习(四)/
版权声明： 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处！

知识共享许可协议

缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

很惭愧<br><br>只做了一点微小的工作<br>谢谢大家