踩坑小程序--个人留存
1.重写底部
2.配置服务器地址
3.不可以在app.js 回调函数中给全局变量赋值。解决方法本地储存
4.bindtap元素绑定事件,父节点绑定事件会冒泡,catchtap不会冒泡,仅在当前元素触发
5.频繁切换:用 hidden。偶尔切换:用 wx:if。wx:if 在隐藏的时候不渲染,而 hidden 在隐藏时仍然渲染,只是不呈现。
所以如果频繁切换的话,用 wx:if 将会消耗更多资源,因为每次呈现的时候他都会渲染,每次隐藏的时候,他都会销毁。
如果切换并不频繁的话,用 wx:if 相对来说较好些,因为它会避免初始就一下渲染那么多。
6.异步问题 promise
7.公众号关注组件:小程序里可一键关注公众号
添加<official-account></official-account> 关注公众号组件,但是这个组件有使用限制,只能在扫描小程序码和第二次从最近使用进入时才可见,该组件可以显示用户是否已关注
8.点击软键盘完成或者回车,执行事件用使用input组件里面的 bindconfirm
一般来执行搜索~
9.wx.detLocation返回的是坐标位置等信息,并未返回地理位置名称。
10.小程序接入腾讯地图
1. 申请开发者密钥(key):申请密钥 https://lbs.qq.com/qqmap_wx_jssdk/
2.安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com
3.载JavaScriptSDK,下载以后放在libs文件夹下, 在js页面 引入
// 引入SDK核心类 var QQMapWX = require('../../libs/qqmap-wx-jssdk.js'); var qqmapsdk; Page({ onLoad: function () { // 实例化API核心类 qqmapsdk = new QQMapWX({ key: '申请的key' }); }, onShow: function () { // 调用接口 qqmapsdk.search({ keyword: '酒店', success: function (res) { console.log(res); }, fail: function (res) { console.log(res); }, complete: function (res) { console.log(res); } }); })
11.wxss仅支持部分css选择器。
12.小程序事件绑定是bindtap,如果阻止冒泡可以使用catchtap捕获事件。