微信小程序 問題了解一下

一、跳轉

<navigator url=""></navigator>

js

wx.navigateTo(OBJECT)

wx.redirectTo(OBJECT)

20170104135412294.png

二、加載loading

(1)、<loading hidden="{{loadding}}">正在加載</loading>

而後在js文件中控制  loadding 是否關閉

(2)、wx.showLoading({

title: '玩命加載中',

})

  wx.hideLoading();

三、獲取url參數

在onLoad 方法中 options對象保存

四、promise/post封裝

const wxPromisify = fn => {
    return function(obj = {}) {
        return new Promise((resolve, reject) => {
            obj.success = function(res) {
                resolve(res)
            }
            obj.fail = function(res) {
                reject(res)
            }
            fn(obj)
        })
    }
}

// 封裝post請求

const post = (url, data) => {
    var promise = new Promise((resolve, reject) => {
        //網絡請求
        wx.request({
            url: url,
            data: data,
            method: 'POST',
            success: function(res) { //服務器返回數據
                if (res.data.code == 1) {
                    resolve(res);
                } else { //返回錯誤提示信息
                    reject(res.data);
                }
            },
            error: function(e) {
                reject('網絡出錯');
            }
        })
    });
    return promise;
}
module.exports = {
    wxPromisify: wxPromisify,
    post: post
}

引用的時候
const { wxPromisify, post } = require('../../utils/promisfn.js')
五、回到頂部

//js

     data: {
        floorstatus: false, //回到頂部是否存在
    },
    // 獲取滾動條當前位置
    onPageScroll: function(e) {
        if (e.scrollTop > 100) {
            this.setData({
                floorstatus: true
            });
        } else {
            this.setData({
                floorstatus: false
            });
        }
    },
    //回到頂部
    goTop: function(e) { // 一鍵回到頂部
        if (wx.pageScrollTo) {
            wx.pageScrollTo({
                scrollTop: 0
            })
        } else {
            wx.showModal({
                title: '提示',
                content: '當前微信版本太低，沒法使用該功能，請升級到最新微信版本後重試。'
            })
        }
    },
//wxml

 <image src='../../assets/img/top.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></image>
//wxss 這些公用的能夠放到app.wxss

.goTop {
    height: 80rpx;
    width: 80rpx;
    position: fixed;
    bottom: 50rpx;
    right: 30rpx;
    border-radius: 50%;
}

六、文章富文本解析wxParse

wxParse

七、服務器必須是https，包括圖片，還有就是背景圖不能使用本地資源圖片，你能夠使用服務器的，或者是base64

詳細瞭解：博客