1、微信小程序

安装开发环境
官方开发简易教程
1. 简易教程
  1. 带你一步步创建完成一个微信小程序
2. 框架
  1. 框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，可以让开发者可以方便的聚焦于数据与逻辑上。
3. 组件
  1. 框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。
  2. 什么是组件？
    1. 组件是视图层的基本组成单元。
    2. 组件自带一些功能与微信风格的样式。
    3. 一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。
  3. 注意：所有组件与属性都是小写，以连字符-连接
4. API
  1. 框架提供丰富的微信原生API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等。
5. 工具
  1. 集成了开发调试、代码编辑及程序发布等功能的官方开发者工具。
6. Q&A
  1. 常见问与答
开发者工具介绍
1. 编辑
  1. 默认为编辑状态显示，下面的编译为手动编译功能，通常情况下修改文件后保存会刷新界面显示，如果修改的是.js文件，保存时会自动进行编译和刷新界面显示
2. 调试
  1. 通过界面我们可以看出编辑状态的菜单栏与chrome浏览器的调试界面几乎相同，包括控制台、源码、网络等，并且支持断电调试，功能几乎与前端开发调试类似
  2. 调试的时候，菜单栏下面会多出一个后台和缓存按钮
3. 项目
  1. 显示当前项目信息
4. 编译
  1. 修改代码之后，如果没有设置自动检测刷新可以在这里手动重新编译
5. 后台
  1. 是模拟程序运行到后台（按Home键回到主页面，不是退出程序）时的执行情况，进入后台时再次点击会进入前台执行。
6. 缓存
  1. 数据的本地缓存，可以在这里进行清除缓存等操作
目录结构介绍
1. utils
  1. utils.js
    1. 公共脚本目录
2. app.js
  1. 小程序逻辑
3. app.json
  1. 全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等
4. app.wxss
  1. 小程序公共样式表
5. pages
  1. index
    1. index.js
      1. index页面逻辑，用于创建页面对象，以及处理页面生命周期控制和数据处理
    2. index.wxml
      1. index页面结构，语法遵循XML语法
    3. index.wxss
      1. index页面样式表，语法遵循CSS语法，扩展了CSS基本用法和长度单位
      2. 可选
  2. logs
    1. logs.js
      1. logs页面逻辑
    2. logs.json
      1. logs页面配置，此处会覆盖app.json中window设置，也就是说可以设置window中设置的属性
      2. 可选
    3. logs.wxml
      1. logs页面结构
    4. logs.wxss
      1. logs页面样式表
      2. 可选
页面组成