【第一节：认识微信小程序】微信小程序入门，以思维导图的方式展开1

以思维导图的方式呈现出来，是不是会更加直观一些呢

如果看不清楚，私信给单发 ：

第一节，认识微信小程序

1、微信小程序

    安装开发环境
    官方开发简易教程
        简易教程
            带你一步步创建完成一个微信小程序
        框架
            框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，可以让开发者可以方便的聚焦于数据与逻辑上。
        

组件

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