推荐收藏:小程序开发者在开发过程中遇到的问题总结

本文来自蜂鸟社区，已获授权。授权地址如下：微信小程序开发常见问题。如果你有新的补充，请在楼下回复。如果这篇文章有任何错误，请回复。非常感谢！1.问：请问第一次打开时，会出现选择界面。做出选择后，您将进入主页。下次打开时，不会显示这个选择界面，直接显示首页。这应该如何实现？如果在空界面直接跳转，第一次打开时会先显示空白界面，然后跳转到对应的界面。我该怎么办？答：目前首页默认设置在app.json页面的首页。每次重新启动并打开该页面时，都会显示该页面。如果想要一个没有暂停体验的选择页面，可以在首页增加一个额外的视图层来解决问题，显示一次，然后在显示器上设置无，无论是否显示都在本地存储一个logo。2.问：使用ffmpeg将丝绸转换为mp3失败。哪位大神成功了，我很感谢你的辛苦！答：gitHub上的解码器开源库是先用来解码丝绸，再转MP3的https://github.com/kn007/silk-v3-decoder3.问：微信小程序Navigator to只能用五次。五次无效怎么办？a:只能跳5次，但跳的级别只能是5级。请理解。页面逐层跳转，最多5层。我就是这个意思。4.问：我们可以用js在微信小程序的app.js中更改globalData吗？如何实现？如果不能更改，如何在当前页面设置属性，在另一个页面显示？答：可以修改。globalData只是app.js中的一个对象数据集，可以直接修改。例如，globalData中有一个users=['张三'，'李四']；可以在任意js中修改：getApp()。5.问：php自己的会话是用来判断用户是否登录的。在windows apache的情况下，小程序的会话是如何存储的？它存储在数据库中吗？或者在哪里？wx.login中的哪个代码是用户的唯一标识符？是openid吗？答：小程序在本地存储一个密钥，每次被请求时都会带来。服务器验证这个密钥，如果它是合法的，它返回成功和相应的数据。6.Q: Swiper插件使用问题A:感觉很无奈，组件体验需要微信优化，组件都是打包的，无法更改。7.问：小程序中的控制台在哪里看wing工具A:只需点击debug。8.问：之前认证的微信官方账号不能作为开发小程序使用吗？答：小程序是与订单号、服务号、企业号平行的新型，需要在微信公众平台申请新的小程序号，需要重新认证。9.问：我特别好奇微信小程序能否支持向桌面发送图标的功能。答：安卓应该可以，苹果不行。10.问：微信小程序不提供webview组件吗？答：首先，在微信跳转到一个普通的H5页面时，跳转地址需要在国内备案，否则会有警告提示。因为微信尿的原因，我个人估计小程序不会提供webview组件让你出于安全考虑自由加载第三方页面。1.q:如果“{list}}”列表是数组，请查看wx:if。如何判断项数为0 A:你说的是条件渲染吗？您也可以查看Wx 3360 if=' { { list }。length==0}}'/view可以在{{}}中执行简单操作，包括三元运算符、逻辑判断和算术运算。12.问：要不要开发一个社交小程序程序，生成可以提示用户的动态？答：微信的概念是不打扰用户，当然也不能只给用户播放消息，但是消息通知是有模板消息的。13.问：我想做一个本地的垂直服务型项目。

试试小程序？答：非常适合，试水成本也不高。14.问：如何用swiper填满整个屏幕？答：宽度和高度都设置为100%。试试看。15.问：微信小程序如何被用户打开，自动获取用户ID和头像？也就是说我做了一个叫阿姨的微信小程序，但是怎么让别人找到这个小程序登录呢？答：目前只是开放测试阶段，还没有正式上线。关于小程序的入口，除了分享二维码，还有想象的空间~获取用户信息，代码调用api。先调用wx.login，然后调用wx.getUserInfo获取用户名和头像。这个过程对用户来说是透明的。示例：wx . getuserinfo({ success : function(RES){ var userinfo=RES . userinfo var昵称=userinfo .昵称var头像URL=userinfo .头像URL var性别=userinfo.gender//gender 0:未知，1:男性，2:女性var省份=userinfo . provincevarcity=userinfo . city varcountry=userinfo . country })16。问：微信小程序多组件动画，官方教程全是Varanimation=wx等个别组件的动画。创建动画({持续时间： 1000，计时功能：“放松”，延迟3360 2000

}) this.animation = animation animation.scale(1).step(); this.setData({ AvatarShow:animation.export() })<image class="avatar" animation="{{AvatarShow}}" src="{{userInfo.avatarUrl}}"></image>17、这样的，但是我想让这个动画执行完毕了以后，控制<text class="userinfo-nickname">欢迎您：{{userInfo.nickName}}</text>其他的组件做动画效果应该怎么做呢？答：rotateThenScale: function() { this.animation.rotate(Math.random() * 720 - 360).step() .scale(Math.random() * 2).step() this.setData({ animation: this.animation.export() }) setTimeout(function() { this.animation2.rotate(Math.random() * 720 - 360).step() .scale(Math.random() * 2).step() this.setData({ animation2: this.animation2.export() }) }.bind(this), 3000) },比如这个是我修改的官网示例，animation不同就可以控制不同的组建了，这个相当于获取了界面元素18、问：我想在首页顶部导航上添加一个按钮，点击后跳转到另外一个页面。请问怎么实现，谢谢了答：微信小程序有相关的API：wx.navigateTo(OBJECT)保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。OBJECT参数说明：参数 类型 必填 说明url String 是 需要跳转的应用内页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 'path?key=value&key2=value2'success Function 否 接口调用成功的回调函数fail Function 否 接口调用失败的回调函数complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行）示例代码：wx.navigateTo({url: 'test?id=1'})//test.jsPage({onLoad: function(option){ console.log(option.query)}})注意：为了不让用户在使用小程序时造成困扰，我们规定页面路径只能是五层，请尽量避免多层级的交互方式。wx.redirectTo(OBJECT)关闭当前页面，跳转到应用内的某个页面。OBJECT参数说明：参数 类型 必填 说明url String 是 需要跳转的应用内页面的路径success Function 否 接口调用成功的回调函数fail Function 否 接口调用失败的回调函数complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行）示例代码：wx.redirectTo({url: 'test?id=1'})wx.navigateBack(OBJECT)关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈，决定需要返回几层。OBJECT参数说明：参数 类型 默认值 说明delta Number 1 返回的页面数，如果 delta 大于现有页面数，则返回到首页。举个例子：点击一个按钮后跳转buttonClick:function(e){ var agrs ='我是参数'; wx.navigateTo({ url: '../order/order?order=' + agrs })},其中的URL是工程里目标页面的相对路径。至于你说的导航条左上角的按钮，需要自己去做UI，以上是逻辑层面的19、问：关于php无法接收微信小程序POST传参答：刚刚开始按照微信官方的方法写了一个POST传参，后台使用php进行解析入库。但是突然发现GET能接收到传参，但是后台$_POST死活都没办法进行传参。wx.request({ url: 'http://localhost/XXX.php', data: { menu: data.detail.value.menu , }, /*header: { 'content-type': 'application/json' },*/ method:'post', success: function(res) { console.log(res.data) } })查了资料，都说是'content-type': 'application/json'大小写的问题。但是我把它改成小写了还是不行。后来仔细研究了发现，微信小程序通过POST的不是字符串，而是JSON信息，所以在后台是无法直接用$_POST进行解析的。这个是我们正常POST信息浏览器对后台文件发送的post信息这个是小程序POST的信息，所以我们就要处理一下才行了php获取信息如下：$menu = file_get_contents('php://input');$val = json_decode($menu,true);echo($val['menu']);把json转换成数组以后就可以正常的进行数据处理了！20、问：小程序 post 参数一直进不去 服务器端没接收到。 答：我试了下，php框架使用ThinkPhP。请求代码：wx.request({ url: 'http://localhost/api/getList', data: {lastid:lastid,limit:limit}, header: { 'Content-Type': 'application/json' }, method:'post', success: function(res) { var cc = res.data; }, fail: function(res){}, complete: function(){} })post数据：后台代码（查询后返回，使用ajaxReturn返回数据到前端）：function getList(){ $list = M('mmc')->field('id,title,img,cTime')->limit($limit)->select(); $this->ajaxReturn($list);}前端接收到的数据（success函数回调的res）：21、问：微信小程序的用户信息可以做登录吗？请问小程序的用户信息可以做登录吗，只有头像和昵称，都没有唯一标识答：获取微信信息有唯一标识这个应该是要和后台配合，自己生成一个session作为唯一标示，不能用openid22、问：微信的check方法里面的参数是什么？答：23、问：在微信小程序里面能直接访问外部链接么答：微信小程序暂不支持加外部链接。会屏蔽所有<a>标签。24、问：怎么自动给每个新页面都添加一个固定的浮层？手动用template引入肯定是可以的答：才疏学浅，能想到的只是调用模板。定义模板使用name属性，作为模板的名字。然后在<template/>内定义代码片段，如：<template name="msgItem"><view> <text> Time: {{time}} </text></view></template>使用模板使用 is 属性，声明需要的使用的模板，然后将模板所需要的 data 传入，如：<template is="msgItem" data="{{...item}}"/>Page({data: { item: { time: '2016-09-15' }}})25、问：进到一个页面，校验登录，失败，跳登录页；直接执行navigateTo或者redirectTo，调试器是可以正常工作的，但是手机端不可以，可以加定时器缓解，但是好像还是没法根治，在onlunch,onShow,onload都试过，都不怎么好用，请问问题出在哪里？答：试试onReady。onReady Function 生命周期函数--监听页面初次渲染完成这才是页面渲染完毕的回调。26、问：小程序里可以用iconfont之类的图标字体吗？答：一般web开发定义样式的话，有：外部样式，内部样式，内联样式。显然小程序没有提供link、style标签，所以定义样式的地方只有wxss文件里和内联样式。小程序API明确规定：本地资源无法通过 css 获取。在wxss加载外部字体库目前测试也是不生效的。建议：background-image：可以使用网络图片，或者 base64，或者使用<image/>标签。小图标直接转成base64，直接写在代码里，体积也很小，还方便。图标可以统一写在一个js里，到处引用。