#微信小程序#零碎知识点

1、wx:if 和 hidden

当标签不是频繁切换显示的时候：

• 优先使用wx:if
• 直接把标签从页面结构给移除掉

当标签频繁的切换显示的时候：

• 优先使用hidden
• 通过添加样式的方式来切换显示

2、屏幕适配

公式：width:calc(750rpx * 组件宽度 px / 设计稿宽度 px)

3、样式导入

公式：@import "../../styles/common.wxss"

4、navigator页面链接跳转

<navigator url="url" ></navigator>

5、取消顶部导航栏

在json文件中加入：

"navigationStyle": "custom"

6、延时执行函数

	// 延时执行函数
      setTimeout(function () {
        //要延时执行的代码
        }, 2000) //延迟时间 这里是2秒

7、回调函数中使用this.setData

在回调函数中使用this.setData有可能会出现下面错误
Uncaught TypeError: this.setData is not a function

我们可以不使用this，用一个变量来代替，解决方法如下

success: res => {
          var other = this
          setTimeout(function(){
              other.setData({
                key_out: ""
              })
          },1000)
        }

9、js随机打乱数组

代码如下

var arr = [1,2,3,4,5]
var randomNumber = function(){
	  // randomNumber(a,b) 返回的值大于 0 ，则 b 在 a 的前边；
      // randomNumber(a,b) 返回的值等于 0 ，则a 、b 位置保持不变；
      // randomNumber(a,b) 返回的值小于 0 ，则 a 在 b 的前边。
      return 0.5 - Math.random()
    }
arr.sort(randomNumber)

10、禁止页面滑动

{
  "disableScroll": true
}