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

前言

微信“小程序”正式上线一周时间，相关话题持续升温。支付宝开发“小程序”的消息也随即曝出，互联网巨头们摩拳擦掌，不少网友调侃说，这势头感觉要挑战现有的“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。

<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吗"htmlcode">

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

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