微信小程序问题集锦

我是文章的搬运工（加总结）,如有问题请在评论区指正，谢谢。
文章来源：http://www.wxappclub.com/user/1369
作者：飞猪

1. 关键词:”真机测试”，”appid”，”openid”
   问题： 微信小程序如何真机测试？（相关问题：appid怎么申请？ openid是什么，在哪获取？微信小程序如何在手机上模拟运行？）
   回答：第一步，先申请一个appid，申请方法：http://www.wxappclub.com/topic/127
   第二步，再使用API中心，方法：http://www.wxappclub.com/topic/220附:在此过程中爬过的坑： http://www.wxappclub.com/topic/347

2. 关键词：”api中心”，”调用”
   问题： 这个微信小程序的club 的 api中心 只能进行curd吗？
   回答：不只是curd，还有微信登录，解密加密数据的接口。

3. 关键词：”中国标准时间”，”合法域名校检错误”
   问题：为什么我下载的demeo用自己的appId调试时,总是提示非法域名,url请求打不开呢?
   回答：小程序只支持https
   追问：这样,那我要想真机体验,还得去找https链接的Demo哪?
   回答：使用API中心就可以真机体验
   追问：api中心要怎么配置？
   回答：参见问题一。
   追问：有没有使用api中心的demo案例？
   回答：http://www.wxappclub.com/topic/498 有个具体的案例供参考。

4. 关键词：”post”，”wx.request”，”https”，”本地数据交互”
   问题：wx.request 请求支持 post 类型么？
   回答：支持。POST请求的详细使用在此篇http://www.wxappclub.com/topic/116 有详细说明。
   追问：怎么和本地数据交互？
   回答：本地数据交互的方式是，不使用appid，自己搭建后台提供访问接口，就可以本地调试了。详细教程：http://www.wxappclub.com/topic/405

5. 关键词：”导航栏”，”标题”，”动态改变”，”按钮”
   问题：page.json 里面的navigationBarTitleText 能够动态的改变么？
   回答：设置标题： loadTitle:function(title) {wx.setNavigationBarTitle({title: title})}
   相关问题：导航栏右上角能不能加按钮？
   回答：不能。

6. 关键词：”wx.navigateTo”，”item”，”背景颜色”
   问题：wx.navigateTo 点击item 的时候 如何设置item 的背景颜色之类的？
   回答：navigator组件里有一个属性hoverclass，可以设置点击item后的样式
   

   
   
   追问：怎么使用呢？
   回答：wx:for一下给每个item包上navigator

7. 关键词：”接口”，”访问通讯录”
   问题：微信小程序能调用微信内部接口吗？能访问微信内部通讯录吗？
   回答：系统级别的接口有开放（如定位，获取手机信息），但是访问微信社交核心的数据部分没有开放。

8. 关键词：”加密”,”base64”，”md5”
   问题：小程序的字符串怎么用md5加密？
   相关问题：Base64(MD5(xxx)) 这个在小程序里要怎么处理？
   回答：找一份md5.js文件，把压缩的代码复制出来，黏贴在需要的地方，或封装起来.具体详见http://www.wxappclub.com/topic/511

9. 关键词：”项目上传”,”icon”,”路径错误”
   问题：小程序项目在上传时，iconPath报错怎么回事？
   回答：这种情况出现有三种情况，啦多已经总结过。http://www.wxappclub.com/topic/358

10. 关键词：”富文本html、md解析组件”，
    问题：富文本转化为微信组件出错？
    回答：小程序没有提供富文本渲染的接口，需要等待相关接口开放才能显示富文本。
    问题：是否有自定义的一些组件可以完成？
    回答：组件的原理是把html转码了一层，实际开发中意义不大，后台可以直接传json，转码另一方面也有性能损耗。

11. 关键词：”swiper”,”滑动”,”高度”
    问题：十三．swiper组件高度是固定的吗？在哪改变运动方向？
    相关问题：页面左右滑动如何设置
    回答：swiper高度为固定的，设置运动方向

12. 关键词：”pc端”,”后台管理软件”
    问题： 微信小程序可以链接PC端后台管理软件么
    回答：b/s架构的可以

13. 关键词：”图片布局”,”横向排列”
    问题：微信小程序图片怎么从纵向排列改成横向排列？
    回答：flex-direction: row;

14. 关键词:”debug”,”手机运行”,”vConsole”
    问题：微信小程序在手机运行显示vConsole?
    回答：可关闭的debug。重启大法。

15. 关键词：”tabBar”
    问题：tabBar显示不出来？
    回答：这种情况的出现一般有3种情况：
    1.tabBar书写，是tabBar，不是tabbar，也不是TabBar；
    2.index目录，要在pages里面加上”pages/index/index”,例如 “pages”: [“pages/index/index”,“pages/logs/index”]；
    3.要在tabBar里面的list列表加上”pagePath”:”pages/index/index”,“tabBar”: {“list”: [{“pagePath”: “pages/index/index”,“text”: “首页”},附上：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html?t=1475052055756 tabBar组件资料；
    4.tarBar不一定要用pages/index/index; 在app.json中配置的第一个初始化界面的路径必须和tarBar.list第一个元素pagePath一致，不然也不会显示tarBar。

16. 关键词：”上拉加载”,”scroll-view”
    问题：为什么上拉加载设置了触发事件，却无法成功触发?
    回答：设置属性时候高度要固定。应为scroll-top=100%附上demo:http://www.wxappclub.com/topic/587

17. 关键词：”require”,”js调用”
    问题：如何在app.js 里调用utils下的utils.js?
    回答：[图片上传中。。。（1）]直接实例化之后调用官方文档有相关资料——传送门：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/module.html?t=20161122

18. 关键词：“页面传值”
    问题：微信小程序页面怎么传值？
    回答：1. 获取到id传的值通过e.currentTarget.id;获取设置的id值，并通过设置全局对象的方式来传递数值；
    2.通过使用data - xxxx 的方法标识来传值通过使用data - xxxx 的方法标识来传值，xxxx可以自定义取名。

19. 关键词：”qq”,”第三方登陆”
    问题：qq第三方登陆怎么实现？
    回答：使用oAuth2 请求接口。

20. 关键词:“url”
    问题： wx.connectSocket({url: ‘test.php’ 这个url是什么呢？
    回答：是websocket的地址，url是要跟后台建立socket链接。

21. 关键词：“select”
    问题： 微信小程序里面有没有类似于 select的东西？
    回答：itemList: [‘A’,’B’,’C’]可以作为select,然后触发点击事件，根据获取到的下标值不同，来绑定不同的动作。

22. 关键词：”屏幕高度”
    问题：微信小程序如何获取屏幕高度？
    回答：

wx.getSystemInfo({
      success: function (res) {
          this.setData({
              scrollHeight: res.windowHeight
          });
      }
});

23. 关键词：“js调用”
    问题：在js文件调用时只能写相对路径吗？var common = require(‘../../common/common.js’);
    回答：是的

24. 关键词：“页面切换”，“navigatetor”
    问题：wx.navigateTo是不是不能从2级页面切到1级页面？
    回答：安卓不行 ios可以
    追问：怎么解决?
    回答：可以用wx.navigateBack(OBJECT)搞定;
    例：退回到上一个页面
    js文件

navigateBack: function() {
        wx.navigateBack()
},
onReady:function(){
// 页面渲染完成
},
onShow:function(){
// 页面显示
},
onHide:function(){
// 页面隐藏
},
onUnload:function(){
// 页面关闭
}

25. 关键词：””request”
    问题：我的wx.request只走了complete回调 success fail 都没有走是什么情况？有人遇到过吗？
    回答：参考调用方式：

wx.request({
        url: 'test.php', //仅为示例，并非真实的接口地址
        data: {x:'' ,y:''},
        header: {'content-type': 'application/json'},
        success: function(res) {
          console.log(res.data)
        }
})

以及调用案例：http://www.wxappclub.com/topic/589

26. 关键词:”ide格式化”
    问题：这个ide的代码格式化怎么解决？
    回答：更新之后的问题。暂时坐等下个版本。代码格式化快捷键：Shift+Alt+F。

27. 关键词：“后台数据加载”，“ide”
    问题：加载后台数据 怎么很慢的 很慢 有时候连加载都加载不出来的，怎么回事？
    回答：这个是ide的问题，数据多了要重新编译好几次。

28. 关键词：“本地缓存”，“更新日志”
    问题：本地缓存（localstorage）最大为10MB。 本地数据存储的大小限制为 5M。这不矛盾么？
    回答：那个是更新日志 以前最大是5M限制 后来改为10M了。