【目录】
1 小程序的背景和前景
小程序 的诞生是为了保证页面资源更好地加载，提升用户体验，开发时可以绕过微信的一些审核和管控，它有自己的一套描述语言，它帮助我们在开发质量上进行把控。
小程序的特点：
“触手可及”
“用完即走”
“无需安装卸载”小程序 是行业快速发展的大机会O(∩_∩)O
2 开发工具目录简介
(1) 开发步骤：
- 注册小程序账号–>blabla–>登录管理后台–>blabla 微信公众平台网址具体步骤可在网页文档中查看
- 下载开发者工具
(2) 开发流程及注意事项
1. 开发工具代码结构简介
首先需要扫码登录开发工具，登录之后创建小程序项目
需要填写:
项目目录：项目存放位置/根目录，如果为空，开发工具会打开一个快速开发模板的选项，可以通过模板快速创建一个微信小程序。
APPID
项目名称
开发工具界面分四大块，最上方是工具栏，下方左边是模拟器，右边从上到下分别是编辑器和调试器。
目录结构：
图中蓝色括号标识的四个文件的作用分别是：注册和全局配置微信小程序(包括网络请求的超时时间、窗口表现、页面注册路径等)、设置全局样式、保存开发工具的配置信息
每个页面有四个文件，其中.js文件处理逻辑和数据交互、.json文件表示配置信息、.wxml文件展示页面内容、.wxss文件表示设置页面元素的样式。
utils.js文件存放一些重用的工具函数等函数。
3 具体内容
(1) app.json全局配置文件
可以配置以下项：
- pages:注册所有页面
- tabBar:如果是多tab应用，可以指定每个tab的表现
- networkTimeout:设置各个网络请求的超时时间
- debug:开启debug模式，打印调试信息
- navigationStyle:导航栏标题、背景
(2) 页面的.json“局部”配置文件
- disableScroll 页面是否开始滚动
(3) 全局和局部共同拥有的配置：
（相当于是windows对象的配置信息）
导航栏：
- navigationBarBackgroundColor
- navigationBarTextStyle
- navigationBarTitleText
窗体：
- backgroundColor
- backgroundTextStyle
窗体下拉：
- onReachBottomDistance
- enablePullDownRefresh
当单个页面配置项与window的一些配置项重复时，页面会覆盖全局
(4) 工具栏按钮
- 编译下拉框里面的自定义编译可以选择启动的页面、参数和进入的场景
- 远程调试可以连接手机上的小程序进行调试
- 切后台可以切换到后台场景值，可以通过这个构造自定义的功能需求
- 清缓存可以清除数据、文件、授权、网络、登陆状态等缓存
- 上传按钮会将本次的程序上传到后台管理，需要填写版本号和项目备注
（开发者工具中的版本有预览版本–>开发版（有版本号）、体验版（由开发版切换而成）–>审核版–>线上版）
详情按钮可以设置调试基础库、request socket等各种域名信息
(5) 调试器详解
- Console主要是打印log信息
- Sources中会列出小程序中的所有脚本文件，可以对脚本文件进行断点调试
- Network展示各个网络请求状态及响应数据
- Storage是通过调用wx.setStorage和wx.setStorageSync函数设置缓存时动态修改数据
- AppData是页面上真实展示的数据，可以动态地修改来查看其在不同设备上的兼容情况
- Wxml展示页面的各个组件元素，修改其样式
- Sensor展示地理位置信息和设备旋转角度，考量程序在不同地理位置下的表现