微信小程序

微信小程序需中swiper的轮播图高度的计算方式

swiper的默认宽度是100%，高度是150px
swiper的宽度/swiper的高度=image的宽度/image的高度
swiper的高度=swiper的宽度*image的高度/image的宽度
注意：在练习的时候css中的calc（）计算长度值不起作用；
解决方法：当前页面的page的高度为100%

微信小程序组件传值

父组件向子组件传值

父组件：

<Tab headerTitle="{{header_title}}" ></Tab>

子组件中js文件中

  properties: {
    headerTitle:{
      type:Array,// 数据类型
      value:[]
    }
  },

子组件向父组件中传值（通过自定义事件）

子组件

 this.triggerEvent('自定义事件名',参数)

父组件

<Tab headerTitle="{{header_title}}"  bind自定义事件名="handleItem"></Tab>

slot相当于一个占位符，也叫插槽

在微信小程序中，不支持*通配符

在css和微信小程序wxss也支持变量

/* 主题颜色，通过变量实现
less中存在变量这个知识点
原生的css和wxss中也存在变量
/
page{
/ 定义主题颜色 */
–themeColor:#eb4450;
font-size: 16rpx;
}

使用：

view{
color:var(–themeColor);
}

web中的本地存储和小程序中的本地存储的区别

1.写代码的方式不一样
web：LocalStorage.setItem(“key”,“value”);LocalStorage.getItem(“key”);
小程序中:
wx.setStorageSync({ “key”,“value”}); wx.getStorageSync({‘key’,})
2.存的时候有没有做数据类型转换
web：不管存入什么类型的数据，最终都会先调用toString（）把数据变成字符串存进去；
小程序:不存在数据类型转换，存进去什么类型的数据，就是什么类型的数据；

小程序中先判断本地存储中有没有旧的数据

{（time：Date.now(),data:[]）}

没有旧的数据直接发送新的请求，有旧的数据且旧的数据没有过期，就是用本地存储的旧数据即可

// 把接口中的数据存到本地存储中去
wx.setStorageSync(“cates”,{time:Date.now(),data:cates})
const cates=wx.getStorageSync(“cates”);
if(!cates){// 本地存储不存在
this.getCart()
}else{
// if(){
// }else{
// }
}
},