笔记笔记笔记

点击事件：bindtap

navigationBarTitleText:页面的标题---.json

wx:for="{{要循环的数据}}"------花括号  默认的每一项 item  index

  wx:for-item="a"  // item  --- a
  wx:for-index="b" // index -- b

  wx:key="唯一的字段"  不要加双花括号

 // 小程序内想要改变data内的数据并且更新到视图： this.setData({})

   // 要想接受 自定义属性传过来的值: e.currentTarget.dataset.

  单个页面要开启下拉刷新：
  1. 页面开启
  找到这个页面的json配置文件：
   "enablePullDownRefresh": true, // 开启下拉刷新
   "backgroundColor": "#000", // 改变背景色
  2. 下拉刷新处理事情
    找到这个页面的js文件：
    onPullDownRefresh(){
      // 处理下拉刷新的事情

      // 强制性停止下拉刷新的状态
      wx.stopPullDownRefresh()
    }

    3. 记忆一个强制性 触发下拉刷新
    wx.startPullDownRefresh()

编程式导航，声明式导航
声明式：标签navigate
编程式：点击事件，在js写wx.navigateto

封装获取接口：
let baseurl = "https://api-hmugo-web.itheima.net"
const request = (params) => {
  return new Promise((resolve, reject) => {
    wx.request({
      url: baseurl + params.url,
      method: params.method || "GET",
      data: params.data || "",
      success:resolve
    })
  })
}
export default request

用户未授权，拿到用户昵称、头像的方法：
<open-data type="userAvatarUrl"></open-data>---昵称
<open-data type="userNickName"></open-data>----头像

强制让滚动条位置变0
scrollTop:this.data.scrollTop?0:1

loading加载：

getlist(){
wx.showLoading({----------------请求数据前显示loading!!!!!
        title: '加载中'
      });
 wx.showLoading({
        title: '加载中'
      });
      wx.request({
        url: 'https://api-hmugo-web.itheima.net/api/public/v1/categories',
        success: res => {
          wx.hideLoading();-------------数据加载成功去掉loading!!!!!!
          console.log(res);

          // wx.setStorageSync('listdata', res.data.message);
          this.listdata=res.data.message
        }
      });
}

页面滚动：
scroll-y y轴滚动，x x轴滚动 ， scroll-top 滚动条位置
    <scroll-view  scroll-top="{{scroo}}" scroll-y="true">

分包加载：
tabbar必须放进主包里

gloabalData-------存放全局的公共数据

防抖：settimeout-------用户输入有停顿，延时执行
节流：setinterval-------用户上下滑动数据，每隔一段时间执行一次

debugger断点--------！！！！！！！！！

联系客服：open-type="contact"-----------

  wx.previewImage------------------轮播图点击出现大图
    counts:当前图片路径，urls:存放大图路径的空数组--循环数组，吧大图路径存进一个空数组里

  wx.chooseAddress（{
        success:res=>{
            console.log(res)} ---res是用户信息
        )}   -----------------选择地址

 open-type="contact" 添加客服

加入购物车判重，添加到本地：arr.findIndex------!!!!
  let arr = wx.getStorageSync('arr') || []
    let index = arr.findIndex(item => {
      return item.goods_id == this.data.goods_id
    })
    if (index > -1) {
      arr[index].num++
    } else {
      let obj = {
        name: this.data.goodslist.goods_name,
        num: 1,
        goods_id: this.data.goods_id,
        img: this.data.goodslist.goods_small_logo,
        checked: true,
        price: this.data.goodslist.goods_price
      }
      arr.push(obj)
    }
    wx.setStorageSync('arr', arr)

wx.showToast--------------小提示！！！！！！！！

事件传播流程：捕获>目标源>冒泡

init ---初始化

findIndex:-----------------获取下标

  let {shopcars } = this.data
    let index = shopcars.findIndex(item => {
      return item.checked == false     -----获取状态为false的下标
    })
    this.setData({
      checkall: index == -1  ------------为-1说明数据没有状态为false的单选框，所以全选按钮为true
    })

wx.setTabBarBadge-----------只能在tabbar页面设置灰标

wx.setNavigationBarTitle({   ------------修改头部自定义标题
    title:   -----自定义的名字
    )}

500-------服务器报错
400-------客户端错误，404路径错误
300-------重定向错误
200-------成功

粘性定位：position:sticky;

this.data.pop() -------------------删除最后一个

过滤器：{{shopcars | filterTotal}}-----view渲染，shocpars购物车数组
filters:{   ------------------跟methods同级
    filterTotal(arr){
        let num = 0
        arr.forEach(item=>{
        if(item.checked){
        num += item.num
            }
                })
        return num
            }
        },

分包：
"subPackages":[
        {
            "root":"fenbao",
            "pages":[
                {
                    "path":"search/search",
                    "style":{
                        
                    }
                }
            ]
        }
    ]

行内字符串拼接：
<view class="red" :style="'height:'+navHeight+'px'">1212</view>