小程序学习day-1

学习目标：

1. 懂得如何创建小程序项目
2. 清楚项目的基本结构
3. 了解小程序页面由几部分组成
4. 常见的组件如何使用
5. 了解如何进行协同开发和发布

---

学习内容：

1. 小程序与网页开发的区别
2. 创建自己的第一个小程序
3. 了解小程序项目的组成结构
4. 使用小程序常用的组件
5. 小程序协同工作与发布
6. 小程序的推广

---

学习时间：

利用空余时间进行学习

---

学习产出：

小程序与网页开发的区别

1.运行环境不同：网页运行在浏览器，小程序运行在微信环境

2.开发模式不同：网页（浏览器+代码编辑器）；小程序（申请开发账号、安装开发者工具、创建和配置小程序项目）

3.API不同：无法调用DOM和BOM的API，但是可以调用微信环境提供的各种API（地理定位、扫码、支付）

创建自己的第一个小程序

1.首先进入[小程序 (qq.com)](https://mp.weixin.qq.com/wxopen/waregister?action=step1)网页进行账号注册，需要填写相关信息。

2.在注册的邮箱会收到一条信息，点击里面的网址，然后找到开发者管理点击开发者设置，可以看到自己的APPID（创建项目的时候会用到）

3.安装开发者工具

4.创建项目

 项目的主要文件

1.pages用来存放所有小程序的页面

2.utils存放工具性质的模块

3.app.js小程序的项目入口文件，通过APP()函数来启动整个小程序项目。

4.app.json项目的全局配置文件，包括底部tab、页面路径

5.app.wxss全局样式文件

6.project.config.json项目的配置文件

7.sitemap.json配置小程序及其页面是否允许被微信索引

宿主环境

表示程序运行所必须依赖环境。比如安卓和苹果是两个不同的宿主环境，脱离了宿主环境的软件是没有意义的。手机微信是小程序的宿主环境：通信模型、运行机制、组件、API

1.通信主体：是渲染层和逻辑层；WXML模板和WXSS样式工作在渲染层；JS脚本工作在逻辑层

2.通信模型：渲染层和逻辑层通信（由微信客户端进行转发）；逻辑层和第三方服务通信（由微信客户端进行转发）

3.运行机制：

启动过程>把小程序代码报下载到本地；解析app.json全局配置文件；执行app.js入口文件，调用API创建实例

渲染过程>加载解析页面的.json配置文件；加载页面的.wxml模板和.wxss样式文件；执行页面的js文件，调用Page()创建实例；页面渲染

小程序组件内容部分明天在写吧！