微信小程序 背景图片base64_微信小程序开发技巧40问

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

A:页面的脚本逻辑是在JsCore中运行，JsCore是一个没有窗口对象的环境，所以不能在脚本中使用window，也无法在脚本中操作组件

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

A:zepto/jquery 会使用到window对象和document对象，所以无法使用。

3.Q:wx.navigateTo无法打开页面

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

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

A:WXSS支持以.开始的类选择器。

5.Q：本地资源无法通过 css 获取

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

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

A：使用 page 标签选择器，可以修改顶层节点的样式

page {

display: block;

min-height: 100%;

background-color: red;

}

7.Q：为什么上传不成功

A：为了提升体验流畅度，编译后的代码包大小需小于 1MB ，大于 1MB 的代码包将上传失败。

8.Q：HTTPS 请求不成功

A：tls 仅支持 1.2 及以上版本

9.Q：网络请求的 referer

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

10.Q：不能直接操作 Page.data

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

能够获取用户输入的组件，需要使用组件的属性bindchange将用户的输入内容同步到 AppService。

var inputContent = {}

Page({

data: {

inputContent: {}

},

bindChange: function(e) {

inputContent[e.currentTarget.id] = e.detail.value

}

})

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

A：promise工具目前不支持，fetch 客户端不支持 工具下个版本保持统一。

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

A：ouchmove / touchend 事件的 target / currentTarget 会永远是 touchstart 时的 target / currentTarget 。

13.Q：wx.request的POST方法的参数传输服务器接收不到的bug。

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

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

wx.request({

....

method: "POST