当前位置:九洲网络 > 小程序 > 小程序资讯 >

微信小程序技巧大全(一)_长春小程序开发

时间:2018-08-10 16:19  作者:九洲网络  浏览人数:

长春小程序开发小编总结整理技巧大全,供大家参考:

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

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

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

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

3:wx.navigateTo无法打开页面

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

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

WXSS支持以.开始的类选择器。
长春小程序开发

5:本地资源无法通过 css 获取

background-image:可以使用网络图片,或者 base64,或者使用<image/>标签

6:如何修改窗口的背景色

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

page {

display: block;

min-height: 100%;

background-color: red;

}

7:为什么上传不成功

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

8:HTTPS 请求不成功

tls 仅支持 1.2 及以上版本

9:网络请求的 referer

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

10:不能直接操作 Page.data

避免在直接对 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

}

})

10:微信小程序支持fetch或者promise吗?

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

长春小程序开发 咨询电话:400-0431-500

未完待续