微信小程序开发的四十个技术窍门总结

前言

微信“小程序”正式上线一周时间，相关话题持续升温。支付宝开发“小程序”的消息也随即曝出，互联网巨头们摩拳擦掌，不少网友调侃说，这势头感觉要挑战现有的“APP帝国”了。那么，面对如此炙手可热的小程序，WeX5移动开发云也没有闲着，经过全网搜索，为大家筛选出一条小程序开发者的必读文章，内容涵盖小程序开发实战需要注意的40个技术点，供大家参考！

Q:为什么脚本内不能使用window等对象

Q:为什么 zepto/jquery 无法使用

Q:wx.navigateTo无法打开页面

A:一个应用同时只能打开5个页面，当已经打开了5个页面之后，wx.navigateTo不能正常打开新页面。请避免多层级的交互方式，或者使用wx.redirectTo

Q:样式表不支持级联选择器

A：background-image：可以使用网络图片，或者 base64，或者使用<image/>标签

Q：如何修改窗口的背景色

page {     display: block;     min-height: 100%;     background-color: red;  }

Q：为什么上传不成功

Q：网络请求的 referer

A：网络请求的 referer 是不可以设置的，格式固定为 https://servicewechat.com/{appid}/{version}/page-frame.html，其中 {appid} 为小程序的 appid， {version} 为小程序的版本号，版本号为 0 表示为开发版。

A：避免在直接对 Page.data 进行赋值修改，请使用 Page.setData 进行操作才能将数据同步到页面中进行渲染怎么获取用户输入

<input id="myInput" bindchange="bindChange" /><checkbox id="myCheckbox" bindchange="bindChange" />  var inputContent = {}     Page({   data: {   inputContent: {}   },   bindChange: function(e) {   inputContent[e.currentTarget.id] = e.detail.value   }  })

Q：微信小程序支持fetch或者promise吗?

Q：touchmove滑动事件里面的currentTarget. id值不变动。

A：wx.request post 的 content-type 默认为 ‘application/json '

如果服务器没有用到 json 解释的话，可以把 content-type 设置回 urlencoded。

wx.request({  ....  method: "POST",  header: {  "content-type": "application/x-www-form-urlencoded"  },  ...  })

Q：小程序SVG支持吗?

A：image的src放远程svg可以，background-image里也可以。

Q：wx.request返回statusCode两端类型不一致。

Q：小程序支持热更吗？

Q：一些接口的回调IOS和Android不一致，例如支付接口，用户取消支付后，ios只回调complete方法，android则回调fail方法，官方文档也没有任何回调说明，造成开发很困难；类似的还有图片选择接口，分享接口等等。

A：支付接口，用户取消支付后，ios只回调complete方法，android则回调fail方法，问题已记录，多谢反馈。

Q：ipad不能使用小程序？

Q：小程序音频，视频播放器问题 。1、能够只隐藏进度条跟时间吗？2、现在iOS平台上的时间显示是0:00，但是android上会显示错误码，能够通过什么设置修改吗？

Q：拍照窗口可以加浮层吗？

Q：开发者工具经常报jsEngineScriptError错误，会导致页面白屏。

Q：开发者工具里面，SPA页面，更改title无效。

A：wx.setNavigationBarTitle可以通过 API 改变导航栏标题。

Q：请问小程序页内支持长按保存图片或分享图片吗？

Q：关于swiper中的current问题。如果在新的版本中，直接设current,会产生的效果是：无论从哪个swiper元素点击进去，都会显示swiper第一个子元素的值。

A：目前swiper在处理swiper-item动态变化的情况时有一些bug，会很快修复的。

Q：小程序能引用自己服务器上的wxss和js文件吗？

Q：苹果7，提示内部错误，内存占用过多。

Q：请问目前微信小程序支持蓝牙吗？

Q：强制使用https，开发和测试环境下怎么联调和测试？

调用wx.request请求网络然后在

complete: function (res) {     // complete  wx.hideToast();  }

在成功方法里面如果要进行showToast的时候感觉无效，并没有弹出提示框。

A：success 回调调用是在 complete 之前的，如果在 success showToast，下一步 complete hideToast 就会被冲掉 showToast。

Q：picker 组件中的文字大小是否支持修改？

Q：tabBar的图片在android和ios上面大小差异太大。

Q：问下 wx.request() 怎么设置成同步。

Q：最新mac版工具不可用，进来就出现获取appservice 失败。

Q：真机 view overflow-y下滑会很卡。

A：父层需要 position:relative; 加了之后就不卡了。

总结

以上就是微信小程序开发的四十个技术窍门总结的详细内容，更多内容请关注技术你好其它相关文章！