小程序学习随记1

目录

• 如何获得用户的授权信息？
• 数据绑定如何实现？
• 列表渲染如何实现？
• 事件及事件绑定是什么？
• 页面导航的方式有哪些？
• tabBar 配置参数有哪些？
• 页面生命周期包含那几个？（必会）
• 简单描述下微信小程序的相关文件类型？
• bindtap 和 catchtap 的区别是什么？

如何获得用户的授权信息？

通过 wx.getUserProfile() 方法 和小程序 wx.getSetting()方法获取

数据绑定如何实现？

使用 mustache 语法实现数据和属性的绑定

列表渲染如何实现？

在 wxml 标签添加 wx:for 属性并赋值循环数据即可渲染

事件及事件绑定是什么？

事件是视图层到逻辑层的通讯方式
事件可以将用户的行为反馈到逻辑层进行处理
事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数
事件对象可以携带额外信息，如 id, dataset, touches
事件分为冒泡事件和非冒泡事件： 冒泡事件：
当一个组件上的事件被触发后，该事件会向父节点传递
非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。
事件绑定的写法 类似于组件的属性，如

<view bindtap="handleTap"> Click here! </view>

页面导航的方式有哪些？

1. 声明式导航：

• 在页面上声明一个 导航组件
• 通过点击 组件实现页面跳转

2. 编程式导航：

• 使用小程序提供的 API 实现页面的跳转

3. wx.switchTab()
   wx.navigateTo()
   wx.navigateBack()等

tabBar 配置参数有哪些？

页面生命周期包含那几个？（必会）

1. onload()页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开 当前页面路径中的参数
2. onShow() 页面显示/切入前台时触发
3. onReady() 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当， 可以和视图层进行交互
4. onHide() 页面隐藏/切入后台时触发。 如 navigateTo 或底部 tab 切换到其他页面，小程序切入后台等
5. onUnload() 页面卸载时触发。如 redirectTo 或 navigateBack 到其他页面时

简单描述下微信小程序的相关文件类型？

1. WXML 是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内 部主要是微信自己定义的一套组件
2. WXSS 是一套样式语言，用于描述 WXML 的组件样式
3. js 逻辑处理，网络请求
4. json 小程序设置，如页面注册，页面标题及 tabBar
5. app.json 必须要有这个文件，如果没有这个文件，项目无法运行，因为微信框架把这个作为 配置文件入口，整个小程序的全局配置。包括页面注册，网络设置，以及小程序的 window 背景色，配置导航条样式，配置默认标题
6. app.js 必须要有这个文件，没有也是会报错！但是这个文件创建一下就行 什么都不需要写， 以后我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量

bindtap 和 catchtap 的区别是什么？

1. 相同点：首先他们都是作为点击事件函数，就是点击时触发。在这个作用上他们是一样的，可以不 做区分
2. 不同点：他们的不同点主要是 bindtap 是不会阻止冒泡事件的，catchtap 是阻止冒泡的