微信小程序一

  安装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发现,当前位置偏差太大,起码差个公里的样子,不知道是不是用电脑的原因,用手机应该正常吧。

原文地址:https://www.cnblogs.com/tenyear/p/wx_weui.html