一。开发环境搭建
小程序开发环境搭建
1. 开发工具下载,下载地址 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
windows分32位 和64位 ,下载对应版本
2. 获取小程序appid
步骤:
1. 去微信公众平台注册,账号类型选择小程序
2. 完成注册后 进入设置 点击开发设置可以看到appid
3. 创建项目
打开开发者工具,添加项目
输入你自己的appid,然后添加项目 他会帮你生成一个简单的demo,这样一个小程序就创建成功了
二。遇到的一些坑
小程序遇到的坑
1.一个应用同时只能打开5个页面,当已经打开了5个页面之后,wx.navigateTo不能正常打开新页面。请避免多层级的交互方式,或者使用wx.redirectTo
2.为什么脚本内不能使用window等对象
页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,也无法在脚本中操作组件
3.不能直接操作 Page.data
避免在直接对 Page.data 进行赋值修改,请使用Page.setData 进行操作才能将数据同步到页面中进行渲染
4. HTTPS 请求不成功
tls 仅支持 1.2 及以上版本
部分 Android 机型需要 tls1.0 或者 tls1.1,所以请确保服务器的 tls 版本为 1.0、1.1、1.2
5.为什么 map 组件总是在最上层
map、canvas、video、textarea 是由客户端创建的原生组件,原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。 原生组件暂时还无法放在 scroll-view 上,也无法对原生组件设置 css 动画。
6. 安卓机生命周期问题
安卓某些机器再调用wx.chooseLocation()后 选择位置后 返回页面 页面数据会重新加载
7.地图位置选择:wx.chooseLocation,这个触发别放在input上,最好使用button或者image触发,否则会导致输入无法弹出