微信小程序从入门到放弃（一）

微信小程序新手遇见的问题

目录

用 [TOC]来生成目录：

wx.request(数据请求失败)

wx.request({
            url: 'http://m.qqdyw.cn/lottery/draw/key', //仅为示例，并非真实的接口地址
            data: {},
            header: {
                'content-type': 'application/json'
            },
            success: function (res) {
                console.log(res.data)
            },
            fail: function () {
                console.log("fail")
            },
        })

• 在这里有时候数据请求失败需要将下面

header: {
                'content-type': 'application/text'
            },

请求豆瓣电影数据报错：不在以下合法域名列表内，请参考文档：…

需要在开发者工具内

即可使用。

元素的显示隐藏hidden和wx：if

wx:if vs hidden

<view class="bar" hidden="{{true}}">
<text>内容1-truetext>
view>
<view class="bar" hidden="{{false}}">
<text>内容2-falsetext>
view>
<view class="" wx:if="{{true}}"><text>if-truetext>view>
<view class="" wx:if="{{false}}"><text>if-falsetext>view>

项目	true	false
hidden	隐藏	显示
wx:if	显示	隐藏

注意：hidden只在text有效，在view中无效，原因是1.view上指定有display，把hidden的display覆盖了。
官方给出的答案是：

权重设定是这样：
1.普通的单个类选择器（除了id选择器）都不会覆盖 view[hidden]；
2.id选择器和组合选择器都会覆盖 view[hidden] 。

在获取wxml节点的高度的时候代码如下wx.createSelectorQuery().selectAll('.drawer').boundingClientRect(function (rects) {
console.log(rects)
}).exec()
此时：如果是用wx:if隐藏，是无法获取wxml节点的。如果用hidden隐藏，就可以获取到节点，但仍无法获取节点定位信息。