微信小程序常见问题

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_35746765/article/details/80689415

微信小程序页面跳转无效？
1.跳转的位置位于TabBar中，要使用wx.switchTab 来跳转界面，不然会和wx.navigateTo冲突而失效；
2.跳转的位置不位于TabBar中，要使用reLaunch来跳转页面，不然会和wx.navigateTo冲突而失效；
3.那为什么要用navigateTo？因为有可以返回；


小技巧：
新建模块时要一个个新建wxss wxml js json未免过于麻烦 解决方法：建立一个新文件夹，然后在app.json注册便会自动生成；




get请求时为  header:{
            "content-type":'application/json'
         },
post请求时为:header:{
         "content-type":'application/x-www-form-urlencoded'
            },




如果scroll-view高度设置为100%,则不能触发上拉刷新和下拉加载事件……


bug: 
http状态码不管是什么,一律被解析成200


使用scroll-view的时候里面不可以使用某些标签 textarea map canvas video组件
scrill-view滚动中无法触发onPillDownRefresh时间
若要使用下拉刷新，请使用页面的滚动，而不是scrol-view,这样也能通过点击顶部状态栏回到页面顶部




上拉刷新、下拉加载更多：
1.在app.json 的"window"中加"enablePullDownRefresh": true 
2在js调用 
onPullDownRefresh: function () {
    // console.log("好用不?")
    wx.showToast({
      title: '没事儿别乱拉',//提示信息
      icon: 'success',//成功显示图标
      duration: 2000//时间
    })
  },
onReachBottom: function () {
wx.showToast({
      title: '没事儿别乱拽',//提示信息
      icon: 'success',//成功显示图标
      duration: 2000//时间
    })

  },

flex 遇到white-space:nowrap:
背景，做一个前面图片宽度固定，后面宽度自适应，使用到了flex布局，但是想让后面div里文字不换行，超出以点点表示时，这时布局就乱了，查了下，原来flex布局与white-space:nowrap有影响


解决办法，父div设置min-width:0即可