微信小程序使用技巧

新建页面

app.json 填写对应路径后刷新后，会自动创建

参数传递：

wx.navigateTo({

url: '../other/other?message=' + this.data.message + "&number=" + this.data.number

})

onLoad: function (options) {

var message = options.message;

var number = options.number;

console.log("message=" + message + " number=" + number);

}

数据转换：

JSON.parse() 方法用于将一个 JSON 字符串转换为对象。

JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。

把按钮固定在底部：

　position: fixed;

　bottom: 0;

倒计时

 setTimeout(function () {

  

    }, 500)//毫秒

text内容空格

<text decode="{{true}}" space="{{true}}">&nbsp;&nbsp;</text>

 

block

1. <block/> 并不是一个组件，它仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。
2. 因为 wx:if 是一个控制属性，需要将它添加到一个标签上。如果要一次性判断多个组件标签，可以使用一个 <block/> 标签将多个组件包装起来，并在上边使用 wx:if 控制属性。

        <block wx:if="{{true}}">

             <view> view1 </view>

            <view> view2 </view>

        </block>

1. 类似 block wx:if，也可以将 wx:for 用在<block/>标签上，以渲染一个包含多节点的结构块。例如：

    <block wx:for="{{[1, 2, 3]}}">

    <view> {{index}}: </view>

     <view> {{item}} </view>

</block>

 

定义方法返回：

var value =this.returnValue();

console.log("value="+value)

 

/**

* 方法返回测试

*/

returnValue :function(){

return 1;

}

 

自动换行

在wxss中添加 ：  word-break:break-all;

 

运行机制

小程序没有重启的概念

当小程序进入后台，客户端会维持一段时间的运行状态，超过一定时间后（目前是5分钟）会被微信主动销毁

当短时间内（5s）连续收到两次以上收到系统内存告警，会进行小程序的销毁

 

微信小程序let和var以及const有什么区别

在JavaScript中有三种声明变量的方式：var、let、const。 var：声明全局变量，换句话理解就是，声明在for循环中的变量，跳出for循环同样可以使用。 [JavaScript] 纯文本查看 复制代码 ? 1 2 3 4 5 for(var i=0;i<=1000;i++){ var sum=0; sum+=i; } alert(sum); 声明在for循环内部的sum，跳出for循环一样可以使用，不会报错正常弹出结果 let：声明块级变量，即局部变量。 在上面的例子中，跳出for循环，再使用sum变量就会报错 注意：必须声明'use strict'后才能使用let声明变量否则浏览并不能显示结果 const：用于声明常量，也具有块级作用域 const PI=3.14;

 

去除返回键(改变跳转方式)

wx.redirectTo({

url: '../register/register',

})

 

微信小程序中换行，空格（多个空格）写法

空格，换行

<text>你好！\t七月流火啊！\n我在下一行</text>

\t 空格（ 多个只会显示一个空格）

\n 换行

 

必须在<text>标签中

<view> <text decode="{{true}}">你好&ensp;啊&ensp;&ensp;&ensp;哈哈哈（空格是中文字符一半大小）</text> </view>

 

随机函数的产生：

createNonceStr: function () {

              return Math.random().toString(36).substr(2, 15)

            },

时间戳产生的函数：

createTimeStamp: function () {

              return parseInt(new Date().getTime() / 1000) + ''

            },

 

日期格式转换：

function formatTime(date) {  

  var year = date.getFullYear()  

  var month = date.getMonth() + 1  

  var day = date.getDate()  

  

  var hour = date.getHours()  

  var minute = date.getMinutes()  

  var second = date.getSeconds()  

  

  return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')  

}  

  

function formatNumber(n) {  

  n = n.toString()  

  return n[1] ? n : '0' + n  

}  

  

module.exports = {  

  formatTime: formatTime  

} 

 

// 在需要使用的js文件中，导入js  

var util = require('../../utils/util.js');  

Page({  

  data: {  

  

  },  

  onLoad: function () {  

    // 调用函数时，传入new Date()参数，返回值是日期和时间  

    var time = util.formatTime(new Date());  

    // 再通过setData更改Page()里面的data，动态更新页面的数据  

    this.setData({  

      time: time  

    });  

  }  

  

})

 

tabbar未读消息添加小红点

wx.showTabBarRedDot({

index: 2,

})

 

wx.hideTabBarRedDot({

index: 2

 

禁止ios页面下拉下滑滚动 出现空白的情况

 

{ "disableScroll":true }

 

自定义view设置背景：

background-repeat: no-repeat;

background-size: 100% 100%;

background-image: url('http://app.purplestone.com.cn/nms-admin/api/common/getImg?filePath=assets/images/wx/image_my_center.png');

margin-right: 40rpx;

wx.getSystemInfo获取系统信息