微信小程序

//wx:for-item="newName" 可以把默认的item变为设置的newName，不设置默认item
<view wx:for="{{list}}" wx:key="index">>
  {{item.title}}
</view>

this.data.xxx // 获取
this.setData({
xxx:xxx
}) // 更改

页面.js  方法放在data同级
组件.js  方法放在methods:{}里面

750rpx 乘上 (设计稿px与设计稿宽度px)的比值
不能直接复制给width, 需要通过calc计算
calc(750rpx * 100 /page px)

"less.compile":{
	"outExt": ".wxss"
}

声明
--themeColor: #bfa
--xx
引用
var(--themeColor)
var(--xx)

@import "wxParse/wxParse.wxss";

父组件:
引用的子组件标签 里直接写 xxx="xxx"

子组件:
properties 里面接收
properties: {
  //方法一:
	xxx: { 
      type: String,
      value: '', // 属性初始值（可选）、、
   		// 属性被改变时执行的函数（可选），也可以写成在methods段中定义的方法名字符串, 如:'_propertyChange'
      observer: function(newVal, oldVal){} 
    }
   // 方法二:简化的定义方式
   myProperty2: String
}

父:相当于vue的@事件，bind === @
<component-tag-name bindchildFn="fatherFn" />
<!-- 或者可以写成 -->
<component-tag-name bind:childFn="fatherFn" />

子:相当于vue的this.$emit()
this.triggerEvent('childFn', myEventDetail, myEventOption)

//父.js
fatherFn: function(e){
  e.detail // 自定义组件触发事件时提供的detail对象
}

1、调用子组件的时候定义一个id，vue就是定义一个ref       
	<header id="header"></header>
	
2、父组件获取子组件的实例   （类似于选择器）       
	var header = this.selectComponent("#header")

3、header.方法名	-->	调用子组件里面的方法                 
	header.data.msg父组件里面直接获取子组件的数据

在目的页面.js 
onLoad: function (options) { console.log(options) },

<:xxx="xxx">
获取
e.currentTarget.dataset.xxx

#使用组件传值
例子:传index
//父给子传一个tabs数据 
<Tabs tabs="{{tabs}}">
//父.js: tabs: [],
  
//子.js: 通过this.triggerEvent调用父方法,把index交给他
this.triggerEvent('tabsItemChange', { index })

//父.js : 父通通过bind:上面那个方法,通过e.detail接收
<Tabs tabs="{{tabs}}" bind:tabsItemChange="onTabsItemChange">
onTabsItemChange(e) { const { index } = e.detail }

import regeneratorRuntime from "../../lib/runtime/runtime";

//例子
export const request = params => {
    wx.showLoading({
        title: '加载中'
    })
    const baseURl = "https://api.zbztb.cn/api/public/v1/"
    return new Promise((reslove, reject) => {
        wx.request({
            ...params,
            url: baseURl + params.url,
            success: res => {reslove(res)},
            fail: err => {reject(err)},
            complete: () => {wx.hideLoading()}
        })
    })
}

触底事件:	
onReachBottom: function () {}
下拉刷新: 页面.json
"enablePullDownRefresh": true,
"backgroundTextStyle": "dark"
js里面--
onPullDownRefresh:function(){ }
关闭下拉刷新窗口----
wx.stopPullDownRefresh();

wx.getStorageSync		
wx.setStorageSync
// 1 读取缓存 --数组
let cart = wx.getStorageSync('cart') || [];
// 2 查找索引,收否有该id商品
let index = cart.findIndex(v => v.goods_id === this.data.goodsObj.goods_id)
    if (index === -1) { // 如果不存在索引
      this.data.goodsObj.num = 1 // 则创建num属性
      cart.push({ // 更新cart数组
        goods_id: this.data.goodsObj.goods_id,
        num: this.data.goodsObj.num
      })
    } else { // 存在
      cart[index].num++
    }
    wx.setStorageSync('cart', cart) // 写入缓存

// 监听页面显示
  onShow: function () {
    // 获取地址
    let address = wx.getStorageSync('address')
    this.setData({ address })
    // 更新购物车
    let cart = wx.getStorageSync('cart') || []
    // 调用
    this.setCart(cart)
  },

// 设置购物车状态: 总数 总价 勾选
  setCart(cart) {
    // 选中,总价,总数
    let allCheck = true, totalPrice = 0, totalNum = 0
    //cart是遍历的数据数组,cart.check有值,true或者false
    //every返回布尔值,空数组.every返回true
    // const allCheck = cart.length === 0 ? false : cart.every(v => v.check)
    // 遍历
    cart.forEach(v => {
      if (v.check) {
        totalPrice += v.num * v.goods_price
        totalNum += v.num
      } else { allCheck = false }
    })
    // 优化bug
    allCheck = cart.length != 0 ? allCheck : false;
    // 提交数据
    this.setData({ cart, allCheck, totalPrice, totalNum })
  }

//cart是遍历的数据数组,cart.check有值,true或者false
//every返回布尔值,空数组.every返回true
const allCheck = cart.length === 0 ? false : cart.every(v => v.check)

npm install -S wafer2-client-sdk
安装之后，就可以使用 require 引用 SDK 模块:
var qcloud = require('./node_modules/wafer2-client-sdk/index.js');

npm init -y
npm i @vant/weapp -S --production