微信小程序踩坑记

前言：最近在做一个小程序的旅游项目，向记录下开发过程中遇到的坑，希望可以帮助各位前端开发者们。

1.今天做登陆界面设置登陆界面背景图时，发现background-image属性只支持用网络地址链接，本地地址无效，查看文档，说wxss对本地链接地址无效，于是在wxml中view容器中写入style内部样式使用本地资源，结果模拟机上可以正常显示，但是真机上却无法显示，于是又改成外部网络资源，真机显示正常。

2.关于data赋值的功能，如果使用this.data=**，直接赋值的话，js逻辑程可以识别并赋值成功，但是视图层绑定数据，无法显示数据，利用setData赋值不便于向对象中的某个元素赋值，何止解决方案，可用变量 var cc = **，在用setData({kk:cc})

3.今天做小程序发现一个犯了一个低级错误，在block标签中使用hidden="{{true}}",发现block所包裹的区域无法被隐藏，

 

然后将hidden绑定在view组件上实现隐藏效果，

对于wx:for 和wx:if 都可在block标签中使用，但是hidden在block上失效，注意区别。 2018/6/7 11:02

3.今天遇到一个坑，值得分享一下，今天拿到的接口是http协议的接口，小程序大家都知道不能用http请求必须是https，但是开发阶段做调试，我在项目设置中勾选了不校验郁闷，对接口进行调试，发现模拟机能请求成功，但是真机预览就没效果，打开vConcsole ，打印request begin，去网上查了下相关资料，大概得出结论就是：

http请求在真机中无法执行，即使是在开发环境中勾选不校验域名，也不能执行，各位开发阶段做调试的朋友，注意了。