安装wx web开发工具后,打开,需要微信登陆才可以使用,微信号无所谓,无需公众账号、小程序号 等,只要登陆就可以开发,只是功能略有限制,不影响开发。
选择 小程序项目,确定后会有一个小demo.和官方文档的简易教程一样。
从中重点了解 app.js、 我们们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据
app.json、 为小配置页面和窗口
app.wxss 是整个小程序的公共样式表
这三个文件是整个小程序的,就时说app.js在整个小程序任何地方可以调用 , app.wxss 就时公用的样式文件
.js
后缀的是脚本文件,.json
后缀的文件是配置文件,.wxss
后缀的是样式表文件
然后时index文件夹中同样有这三个文件,理所当让的,我们以后开发就重点开发类似index文件夹里面类似index.js index.json index.wxss了
刚开始不理解wxss ,其实他就是类似 css。自己写来来有点费劲呐,呐就下载官方推荐的weui 看看
里面提供了大部分的组件使用,文档上也有wxss在使用时的一些bug和注意事项
从官网文档看,学习顺序 简易教程 框架 组件 API 工具 Q&A 按照这个顺序就好
个人感觉,这次微信小程序文档给的相当不错。
比如框架部分 完整的介绍,逻辑层告诉你小程序如何跑起来,视图层告诉你如何绑定数据
比如组件部分 就好比我们开发html中的元素一样,每一个都给出来例子。
API部分比较简单,直接在js文件中调用就可以了。
本在在电脑上调用了地图api发现,当前位置偏差太大,起码差个公里的样子,不知道是不是用电脑的原因,用手机应该正常吧。