原生微信小程序开发-黑马优购（二）

自己已经完整地把这个项目写了一遍。

然后这是第二篇，会做一些总结。因为（一）里面 大多是查缺补漏，然后我会在（二）中 总结那些常用的东西。主要是关于js。

全局样式app.wxss

page,view,text,swiper,swiper-item,image,navigator{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

page{
  --themeColor:#eb4450;
  font-size: 28rpx;
  height: 100%;
}

image{
  width: 100%;
}

/* 开启bfc */
.clearfix::before,.clearfix::after{
  content: "";
  display: table;
  clear: both;
}

默认的box-sizing 是 content-box。不懂为什么要改为border-box;

page的高度也写了100%，它的父元素是谁？

微信小程序的生命周期函数再熟悉一下

其实主要就是 要 熟悉 onLoad 和 onShow 的区别。

onLoad 就是在 页面第一次出现的时候会调用，而 onShow 是在页面每次出现都会调用。所以如果不需要频繁调用 就用 onLoad ，而 如果需要频繁展现，就需要用 onShow。

(68条消息) 小程序开发中的onLoad()和onShow()有什么区别？_Shaw_Fan的博客-CSDN博客

两种路由跳转及两种路由传参方法

用calc的时候，运算符旁边应该有空格

js传参

js传递的参数是在 e.currentTarget.dataset 中

scrollTop

这个是 scroll-view 组件里面的一个属性

scroll-view | 微信开放文档 (qq.com)

onload 和 onshow 获取路由参数

onload  通过 options 直接拿到，但是 onshow 需要这样

onShow: function () {
    let pages=getCurrentPages();
    const {goods_id}=pages[pages.length-1].options
    this.getGoodsDetail(goods_id)
  },

最难的还是js里面的逻辑吧。待会再看一遍视频。