微信小程序开发的四十个技术窍门总结（推荐）
前言
微信“小程序”正式上线一周时间，相关话题持续升温。支付宝开发“小程序”的消息也随即曝出，互联网巨头们摩拳擦掌，不少网友调侃说，这势头感觉要挑战现有的“APP帝国”了。那么，面对如此炙手可热的小程序，WeX5移动开发云也没有闲着，经过全网搜索，为大家筛选出一条小程序开发者的必读文章，内容涵盖小程序开发实战需要注意的40个技术点，供大家参考！
Q:为什么脚本内不能使用window等对象
A:页面的脚本逻辑是在JsCore中运行，JsCore是一个没有窗口对象的环境，所以不能在脚本中使用window，也无法在脚本中操作组件
Q:为什么zepto/jquery无法使用
A:zepto/jquery会使用到window对象和document对象，所以无法使用。
Q:wx.navigateTo无法打开页面
A:一个应用同时只能打开5个页面，当已经打开了5个页面之后，wx.navigateTo不能正常打开新页面。请避免多层级的交互方式，或者使用wx.redirectTo
Q:样式表不支持级联选择器
A:WXSS支持以.开始的类选择器。
Q：本地资源无法通过css获取
A：background-image：可以使用网络图片，或者base64，或者使用<image/>标签
Q：如何修改窗口的背景色
A：使用page标签选择器，可以修改顶层节点的样式
page{
display:block;
min-height:100%;
background-color:red;
}
Q：为什么上传不成功
A：为了提升体验流畅度，编译后的代码包大小需小于1MB，大于1MB的代码包将上传失败。
Q：HTTPS请求不成功
A：tls仅支持1.2及以上版本
Q：网络请求的referer
A：网络请求的referer是不可以设置的，格式固定为https://servicewechat.com/{appid}/{version}/page-frame.html，其中{appid}为小程序的appid，{version}为小程序的版本号，版本号为0表示为开发版。
Q：不能直接操作Page.data
A：避免在直接对Page.data进行赋值修改，请使用Page.setData进行操作才能将数据同步到页面中进行渲染怎么获取用户输入
能够获取用户输入的组件，需要使用组件的属性bindchange将用户的输入内容同步到AppService。
<inputid="myInput"bindchange="bindChange"/><checkboxid="myCheckbox"bindchange="bindChange"/>
varinputContent={}
Page({
data:{
inputContent:{}
},
bindChange:function(e){
inputContent[e.currentTarget.id]=e.detail.value
}
})
Q：微信小程序支持fetch或者promise吗?
A：promise工具目前不支持，fetch客户端不支持工具下个版本保持统一。
Q：touchmove滑动事件里面的currentTarget.id值不变动。
A：ouchmove/touchend事件的target/currentTarget会永远是touchstart时的target/currentTarget。
Q：wx.request的POST方法的参数传输服务器接收不到的bug。
A：wx.requestpost的content-type默认为‘application/json'
如果服务器没有用到json解释的话，可以把content-type设置回urlencoded。
wx.request({
....
method:"POST",
header:{
"content-type":"application/x-www-form-urlencoded"
},
...
})
Q：wx.uploadFile在手机上返回http码403。
A：安卓的微信升级到6.5.2及其以上版本。
Q：小程序SVG支持吗?
A：image的src放远程svg可以，background-image里也可以。
Q：wx.request返回statusCode两端类型不一致。
A：确实有这个问题，稍后的版本将会修复。
Q：关于组件的动态生成与销毁？
A：不支持动态生成组件，但可以用wx:for去渲染多个。
Q：小程序支持热更吗？
A：不支持开发者自行更替。
Q：一些接口的回调IOS和Android不一致，例如支付接口，用户取消支付后，ios只回调complete方法，android则回调fail方法，官方文档也没有任何回调说明，造成开发很困难；类似的还有图片选择接口，分享接口等等。
A：支付接口，用户取消支付后，ios只回调complete方法，android则回调fail方法，问题已记录，多谢反馈。
Q：如果icon已经在服务器上了，想用直接访问网址的方法加载图片进来这样可以吗？
A：不能。
Q：ipad不能使用小程序？
A：暂时不支持ipad打开小程序。
Q：小程序音频，视频播放器问题。1、能够只隐藏进度条跟时间吗？2、现在iOS平台上的时间显示是0:00，但是android上会显示错误码，能够通过什么设置修改吗？
A：1：下个版本会修改这里的交互，不显示进度条和时间。2：6.5.3版本已修复此问题。
Q：拍照窗口可以加浮层吗？
A：暂时不支持。
Q：开发者工具经常报jsEngineScriptError错误，会导致页面白屏。
A：移步下载最新0.12.130400版本的开发工具试试
Q：开发者工具里面，SPA页面，更改title无效。
A：wx.setNavigationBarTitle可以通过API改变导航栏标题。
Q：请问小程序页内支持长按保存图片或分享图片吗？
A：目前没有这个功能。
Q：关于swiper中的current问题。如果在新的版本中，直接设current,会产生的效果是：无论从哪个swiper元素点击进去，都会显示swiper第一个子元素的值。
A：目前swiper在处理swiper-item动态变化的情况时有一些bug，会很快修复的。
Q：小程序能引用自己服务器上的wxss和js文件吗？
A：不能，无法执行远程代码。
Q：苹果7，提示内部错误，内存占用过多。
A：页面做的预加载，列表中有图片，图片渲染的太多了，解决办法就是不当屏展示的图片，不让它渲染。
Q：小程序体验者安卓卡在加载页面进不去，IOS可以进去。
A：这是android微信客户端旧版本的bug，请下载最新版本的6.5.3客户端。
Q：请问目前微信小程序支持蓝牙吗？
A：目前不支持。
Q：分享功能真机没有效果？
A：这是android微信客户端旧版本的bug，请下载最新版本的6.5.3客户端。
Q：强制使用https，开发和测试环境下怎么联调和测试？
A：「微信web开发者工具」->「项目」->「开发环境不校验请求域名及TLS版本」。
Q：wx.showToast()方法无效。
调用wx.request请求网络然后在
complete:function(res){
//complete
wx.hideToast();
}
在成功方法里面如果要进行showToast的时候感觉无效，并没有弹出提示框。
A：success回调调用是在complete之前的，如果在successshowToast，下一步completehideToast就会被冲掉showToast。
Q：picker组件中的文字大小是否支持修改？
A：不支持修改。
Q：tabBar的图片在android和ios上面大小差异太大。
A：这是android微信客户端旧版本的bug，请下载最新版本的6.5.3客户端
Q：tabbar页面返回问题。非首页的tabbar页面点击左上角返回箭头时如何返回到小程序首页？现在是直接退出小程序了
A：创建新页面时用navigateTo才会新建新页面，同时保留旧页面，如果用redirectTo是在当前页面内跳转。
Q：问下wx.request()怎么设置成同步。
A：reqeust是发起网络请求。没有同步接口。
Q：最新mac版工具不可用，进来就出现获取appservice失败。
A：工具设置中选择直接链接网络。或者系统中的代理软件设置工具直接链接网络。
Q：真机viewoverflow-y下滑会很卡。
A：父层需要position:relative;加了之后就不卡了。
总结
以上就是干货分享的主要内容，需要提醒的是，小程序本身还在不断调整、修改、完善之中，对陆续发现的BUG，也需要进行相应的修复。关心小程序开发的朋友请关注我们，获取最新的小程序开发干货。希望本文的内容对大家的学习或者工作能带来一定的帮助。