笔记笔记笔记-CFANZ编程社区

点击事件：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>