微信小程序的一点点开发经验

一。开发环境搭建

小程序开发环境搭建

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触发，否则会导致输入无法弹出