wechat小程序入门

声明

这篇文章会很长很长，在学习的过程编写，时间戳会打。
入门篇主要参考：
[简易教程·小程序][1]
[1]https://mp.weixin.qq.com/debug/wxadoc/dev/

简易教程

1. 获取微信小程序的 AppID
   
   1. 登入你的小程序 ：
      https://mp.weixin.qq.com/
2. 创建项目
   
   1. 下载开发者工具：
      https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
   2. 创建一个quick start项目
      开发者工具会帮助我们在开发目录里生成一个简单的 demo。
3. 编写代码
   
   1. 创建小程序实例
      
      1. app.js 脚本文件
         小程序的脚本代码。监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API
      2. app.json 配置文件
         小程序的全局配置。配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。
      3. app.wxss 样式表文件
         小程序的公共样式表。页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。
4. 创建页面
   页面都在 pages 目录下。每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页。
   每一个小程序页面是由同路径下同名的四个不同后缀文件的组成：
   index.js 脚本文件：
   监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。
   index.json 配置文件：
   非必要的。当有页面的配置文件时，配置项在该页面会覆盖 app.json 的 window 中相同的配置项。如果没有指定的页面配置文件，则在该页面直接使用 app.json 中的默认配置。
   index.wxss 样式表文件：
   非必要的。当有页面样式表时，页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。
   index.wxml 页面结构文件：
   搭建页面结构，绑定数据和交互处理函数。