微信小程序 小知识

• 横向布局

    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;

• 横向布局 自动换行

    display: flex;
    align-items: center;
    flex-flow: row wrap; 
    justify-content: space-between;

Flex 布局教程：语法篇

• 文本自动换行

标签添加 style=" word-break: break-all" 样式

• 文字超出用省略号显示

/* 不换行显示 */
white-space: nowrap;
/* 超出部分隐藏 */
overflow: hidden;
/* 显示省略号 */
text-overflow: ellipsis;

• wx.switchTab传参问题

我们可以在switch跳转之前设置一个全局变量，到下一个页面的时候，直接去获取全局变量

• 微信小程序IOS日期显示NaN

var date = '2018-03-09 12:00:00'
var format = date.replace(/-/g, '/')
var result = new Date(format)

• 判断一个变量是不是Array 数组转换为字符串

Array.isArray(obj) 调用数组的isArray方法

arrayObject.toString()

• 判断一个变量是不是对象 对象转换为字符串

function objToString(obj)
{
    if (Object.prototype.toString.call(obj === '[object Object]') {
        return JSON.stringify(obj)
    }
    return ''
}

• 微信小程序获取当前页面的路径的方式

// 使用getCurrentPages可以获取当前加载中所有的页面对象的一个数组，数组最后一个就是当前页面。

/**
 * 获取当前页带参数的url
 */
function getCurrentPageUrlWithArgs() 
{
    // 获取加载的页面
    var pages = getCurrentPages()
    // 获取当前页面的对象
    var currentPage = pages[pages.length - 1]
    // 当前页面url
    var url = currentPage.route
    // 如果要获取url中所带的参数可以查看options
    var options = currentPage.options

    //拼接url的参数
    var urlWithArgs = url + '?'
    for (var key in options) {
        var value = options[key]
        urlWithArgs += key + '=' + value + '&'
    }
    urlWithArgs = urlWithArgs.substring(0, urlWithArgs.length - 1)

    return urlWithArgs
}

• 让view水平垂直居中

//wxml
<view class='main'>
    <view>水平垂直居中</view>
</view>

//wxss
.main {
  display: flex;
  align-items: center;
  justify-content: center;  
}