微信小程序零碎知识点

系统管理员 2021-02-26 02:04 726阅读 0赞

## 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`**

![在这里插入图片描述][20200912165023259.png_pic_center]

> 我们可以不使用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、禁止页面滑动 ##

page{ 
      overflow: hidden;
    }

[20200912165023259.png_pic_center]: /images/1614305029007.png

发表评论取消回复

表情：

评论列表（有 0 条评论，726人围观）

还没有评论，来说两句吧...

相关阅读

相关零碎知识点

`4.1` 字符串转int（负数） ![在这里插入图片描述][820a97883c8446e29b808f24af5d52ab.png] > 首先是Arrays.st

淩亂°似流年/ 2023年09月26日 19:41/ 0 赞/ 150 阅读

相关 javascript 零碎知识点

> 持续更新ing… 1. javascirpt中的数字在计算机内存储为多少Byte？\[ 8 Byte\] 2. `setTimeout(callback, delay

太过爱你忘了你带给我的痛/ 2022年12月22日 08:39/ 0 赞/ 240 阅读

相关零碎知识点

零碎知识点 Linux传输文件的命令有哪些？ -------------------- Linux传输文件的命令有哪些？答： 1.传输文件可以用 `

忘是亡心i/ 2022年09月08日 03:52/ 0 赞/ 294 阅读

相关微信小程序开发知识点总结

微信小程序开发知识点总结微信小程序的目录结构 ![2017-02-17-035147.jpg_imageslim][] 1.外联公共样式的方法根据微信的

Myth丶恋晨/ 2022年07月12日 08:40/ 0 赞/ 396 阅读

相关零碎知识点

[IE浏览器下，输入框最后不显示X][IE_X] IE浏览器下，输入框最后不显示X。设置： .login-input::-ms-clear \{ display:

ゝ一纸荒年。/ 2022年06月05日 01:28/ 0 赞/ 294 阅读

相关微信小程序零碎知识点

1、在wxml中只有用text标签包裹的文本才能在手机上长按选中 -------------------- 2、小程序的自适应单位是rpx，一般情况下不要使用px

待我称王封你为后i/ 2022年05月31日 09:49/ 0 赞/ 756 阅读

相关零碎知识点

记录一些零碎，里面有助于理解的是从各处找来的：） 1.【C++】下面代码执行的输出结果 class BASE{ public: ~BASE()

深碍√TFBOYSˉ_/ 2022年02月25日 11:52/ 0 赞/ 369 阅读

相关微信小程序 - 碎知识点

动态修改页面title onLoad: function (options) { wx.setNavigationBarTitle({

偏执的太偏执、/ 2021年07月26日 14:15/ 0 赞/ 405 阅读

相关微信小程序锚点

<view> <view class="flexRow tab_bo { {top>550 ? 'topnav' : ''}}">

淩亂°似流年/ 2021年07月24日 22:41/ 0 赞/ 441 阅读

相关微信小程序零碎知识点

1、wx:if 和 hidden 当标签不是频繁切换显示的时候：优先使用wx:if 直接把标签从页面结构给移除掉当标签频繁的切换显示的时候：优先使用hidden...

系统管理员/ 2021年02月26日 02:04/ 0 赞/ 727 阅读