学习微信小程序 第一天

新人第一次写，各位大佬多多见谅.。可能会比较啰嗦。
如果有错的地方请大佬第一时间指出来

什么是微信小程序

• 是一种不需要下载安装既可使用的应用，它实现了触手可及
  的梦想。
• 用户扫一扫或搜一下，既可打开应用，也体现了用玩即走的理念
• 用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载

小程序的优点

• 无需安装
• 不占内存
• 易传播

开发前准备

• 注册小程序账号
• 小程序开发工具

微信开发者工具

微信开发者工具四块模板

• 工具栏 - 模拟器 - 编辑器 - 调试器

小程序代码结构与基本配置

• .js

主要去帮我们的微信小程序去注册这样的一个微信小程序应用

• .json

用于帮我们去进行一个微信小程序的一个全局配置

• .wxss

文件用于描述页面的样式

• .wxml

文件用于描述页面的结构

微信开发者工具几个模块

console模块:

主要用来打印我们微信小程序页面的调试log信息

sources模板

会列出我们微信小程序页面的所有脚本文件，可以对这些脚本文件
进行一个断点调试

network模板

主要展示我们各个网络亲求的一个状态信息，以及我们所请求资源的一个响应数据等等

storage模板

当我们在这个小程序里面通过调用Wy.setStorage和Wy.setStorageSync这个函数设置我们这个缓存的时候我们在这里可以动态的去修改这些缓存数据

AppData面板

是我们微信小程序页面上真实展示的一个数据，我们也可以在这里动态的修改来查看我们小程序页面在模拟器上不同设备的兼容性情况。

Wxml面板

是展示了我们微信小程序页面的各个组件元素以及我们可以通过这些元素对它进行一个样式属性的修改

Sensor面板

主要是我们的一个地理位置信息和一个设备选择角度的展示，在这里我们可以去动态地修改我们的地理位置信息来模拟我们小程序页面在不同地理位置下的表现

微信小程序的五个版本