1、虽然小程序可以用es6的语法,但是模板语法``是不支持的
2、获得设备信息:wx.getSystemInfo({
success: function (res) {
}
});
res里面的:model==》当前设备名字:如iphone 6s
screenHeight、screenWidth、windowHeight、windowWidth
system===>设备系统如:‘ios 10.1.1'
version==》微信版本号
3、 用户行为预测:在首页就调用获得当前经纬度
wx.getLocation({
type: 'wgs84',
success: function (res) {
var latitude = res.latitude//纬度
var longitude = res.longitude//精度
}
})
打开微信内置地图
wx.openLocation({
longitude: Number(longitude),
latitude: Number(latitude),
name: name
})
wx.setStorageSync设置sotrage缓存,多页面共享
wx.getStorageSync读取storage内内容
4、在附近门店拨打电话
wx.makePhoneCall({
phoneNumber: phoneNum, //电话号码
success: function () {
console.log("拨打电话成功!")
},
fail: function () {
console.log("拨打电话失败!")
}
})
5、如果你在wx.showToast之前调用了wx.hideLoading()的话可能导致wx.showToast无法显示
6、设置页面的标题(navigationBarTitleText)导航颜色(navigationBarBackgroundColor
)都在.json里面进行设置,禁止页面滚动也是在.json里面设置 "disableScroll":true
7、在iOS 上,小程序的 javascript 代码是运行在 JavaScriptCore 中
在Android 上,小程序的 javascript 代码是通过 X5 内核来解析
在开发工具上, 小程序的 javascript 代码是运行在 nwjs(chrome内核) 中
8、小程序不支持级联选择器
9、 css中无法读取本地资源,所以.wxss中使用background-image属性电脑上图片能出来,但是手机是上无法显示的。
解决办法:1、使用网络图片代替本地资源,例如<view ></view>
2、使用base64转码,如果转码后太大也不建议
3、使用Image标签代替背景图片
10、使用bindtap绑定事件,注意全部都是小写,否则点击了没反应,但是也不会报错。data-*必须全都小写
11、form表单取值可以用e.detail.value
如:<form bindsubmit="formSubmit">
<input name="detail" placeholder="详情地址" />
<input name="realname" placeholder="收件人姓名" />
<input name="mobile" placeholder="手机号码" type="number"/>
<button formType="submit" type="primary">Submit</button>
</form>
formSubmit: function(e) {
// detail
var detail = e.detail.value.detail;
// realname
var realname = e.detail.value.realname;
// mobile
var mobile = e.detail.value.mobile;
}
12、官方的toast最多只能显示固定数量的汉字(7个)。推荐使用自定义toast或者wetoast(现成插件,需要在app.js中require下)app.wxss引入wetoast.wxss,
13、小程序是热启动的:超出五分钟后 自动销毁,这是他的机制,5分之内自动进入肯定是需要记住上次浏览的页面的。交互体验就是这样。
14、12月26号新开放搜索周边的 Wi-Fi,同时可以针对指定 Wi-Fi,传入密码发起连接。
小程序提供 HCE 模式的 NFC 能力,支持将安卓手机模拟成交通卡、诊疗卡等实体智能卡。用户打开小程序并贴近刷卡机具,即可完成卡的识别、消费等操作
坑:
示例代码是错的,正常获取数据是这样的:
wx.onGetWifiList(function(res){
console.log(JSON.stringify(res));
})
因为返回来的res是array类型的,需要用JSON.stringify()进行格式化
15、新建小程序报错。提示wxss not found,重装工具还是会出现这样的问题。
解决办法:
控制台输入 openVendor ,删掉 wcsc
16、showModal的内容可编辑 在ios系统微信6.6.0会出现showModal内容可编辑的情况,官方问题未修复
17、开发者可以将小程序代码分成多个包,每个包不超过2M,总大小不超过4M。从而根据用户需要,在合适时机下载指定包而非全部,提升打开速度。
小程序页面访问层级限制放宽至10级,方便承载更长的服务流程。
18、快速获取微信绑定手机号码
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"> </button>
getPhoneNumber: function(e) {
console.log(e.detail.errMsg)
console.log(e.detail.iv)
console.log(e.detail.encryptedData)
}