小程序知识总结

一、bindtap 和 catchtap 的区别：

(1) 相同点：首先他们都是作为点击事件函数，就是点击时触发。在这个作用上他们是一样的，可以不做区分。

(2) 不同点：他们的不同点主要是**bindtap是冒泡的，catchtap是非冒泡的**。

参考：https://www.cnblogs.com/eline2018/p/10394974.html

二、路由

wx.switchTab 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

wx.reLaunch 关闭所有页面，打开到应用内的某个页面

wx.redictTo 关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

wx.navigateTo 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。

wx.navigateBack 关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，决定需要返回几层。

---

navigateTo, redirectTo 只能打开非 tabBar 页面。

switchTab 只能打开 tabBar 页面。

reLaunch 可以打开任意页面。

页面底部的 tabBar 由页面决定，即只要是定义为 tabBar 的页面，底部都有 tabBar。

调用页面路由带的参数可以在目标页面的onLoad中获取。

三、样式相关

样式导入：
使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。

/** app.wxss **/
@import "common.wxss";
.middle-p {
   
  padding:15px;
}

style：静态的样式统一写到 class 中。style 接收动态的样式，在运行时会进行解析，请尽量避免将静态的样式写进 style 中，以免影响渲染速度。

<view style="color:{
   {
   color}};" />

四、小程序页面间有哪些传递数据的方法

1、使用全局变量实现数据传递

在 app.js 文件中定义全局变量 globalData， 将需要存储的信息存放在里面
使用的时候，直接使用getApp() 拿到存储的信息

// app.js

App({