微信小程序
微信小程序起步
# 小程序和普通网页开发的区别
- 运行环境不同
- 网页运行在浏览器环境中
- 小程序运行在微信环境中
- API 不同
- 由于运行环境的不同，小程序中，无法调用 DOM 和 BOM 的 API
- 但是，小程序中，可以调用微信环境提供的各种 API，如：地理定位、扫码、支付 ...
- 开发模式不同
- 网页的开发模式：浏览器 + 代码编辑器
- 小程序，有自己的一套标准开发模式：
- 申请小程序开发账号
- 安装小程序开发工具
- 创建和配置小程序项目
# 第一个小程序
- 注册小程序开发账号
使用浏览器打开 https://mp.weixin.qq.com 网址，点击右上角的 “立即注册”，即可进入到小程序开发账号的注册流程：
点击注册按钮 — 选择注册账号的类型（ 小程序 ）— 填写账号信息 — 提示邮箱激活 — 点击链接激活账号 — 选择主体类型 — 主体信息登记 — 获取小程序的 AppID（ 小程序管理后台：开发 - 开发设置 ）
- 安装开发者工具
微信开发者工具，是官方推荐使用的小程序开发工具，它提供的主要功能如下：
- 快速创建小程序项目
- 代码的查看和编辑
- 对小程序功能进行调试
- 小程序的预览和发布
下载 & 安装：推荐和安装最新的稳定版（ Stable Build ）的微信开发者工具 — 扫码登录
设置外观和代理：设置（ 外观，可以设置为浅色；代理设置，建议选择 “不使用任何代理，勾选后直连网络” ）
创建小程序项目：
- 填写项目名称、目录、AppID
- 开发模式，选择小程序
- 后端服务：不使用云服务
- 模板选择：如，JavaScript - 基础模板
- 确定
查看项目效果：编译（ 模拟器 ）/ 预览（ 真机 ）
主界面的 5 个组成部分：
- 菜单栏：帮助（ 开发者文档 ）、设置（ 通用设置 / 外观设置 ）、工具（ 构建 npm ）
- 工具栏：控制不同区域的显示、项目效果的预览、详情 - 查看和配置项目基本信息
- 模拟器：机型推荐 iphone6/7/8、页面路径、页面参数
- 代码编辑区
- 调试区
# 小程序代码的构成
（1）了解项目的基本组成结构
- pages 用来存放所有小程序的页面
- utils 用来存放工具性质的模块（ 如，格式化时间的自定义模块 ）
- app.js 小程序项目的入口文件
- app.json 小程序项目的全局配置文件
- app.wxss 小程序项目的全局样式文件
- project.config.json 项目的配置文件
- sitemap.json 用来配置小程序及其页面是否允许被微信索引
（2）小程序页面的组成部分
小程序官方，建议把所有小程序的页面，都存放在 pages 目录中，以单独的文件夹存在：
其中，每个页面，由 4 个基本文件组成，它们分别是：
- .js 文件：页面的脚本文件，存放页面的数据、事件处理函数等
- .json 文件：当前页面的配置文件，配置窗口的外观、表现等
- .wxml 文件：页面的模板结构文件
- .wxss 文件：当前页面的样式表文件
（3）JSON 配置文件
作用：JSON 是一种数据格式，在实际开发中，JSON 总是以配置文件的形式出现。
小程序项目中也不例外：通过不同的 .json 配置文件，可以对小程序项目进行不同级别的配置。
小程序中，有 4 中 json 配置文件，分别是：
- 项目根目录中的 app.json 配置文件
app.json 文件，是当前小程序的全局配置，包括了小程序的所有页面路径、窗口外观、界面外观、底部 tab 等。
app.json 常用配置内容如下：
- pages：用来记录当前小程序所有页面的路径
- window：全局定义小程序所有页面的背景色、文字颜色等
- style：全局定义小程序组件所使用的样式版本（ 新版样式：v2 ）
- sitemapLocation：用来指明 sitemap.json 的位置
- 项目根目录中的 project.config.json 配置文件
- 项目根目录中的 sitemap.json 配置文件
- 每个页面文件夹中的 .json 配置文件
微信小程序框架
# 模板语法
页面事件 — 下拉刷新事件
监听页面的下拉刷新事件 & 停止下拉刷新的效果
页面事件 — 上拉触底事件
上拉触底是移动端的专有名词名次，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。
- 监听页面的上拉触底事件
# wxs 脚本
# 页面导航
# 网络请求
# 生命周期
6. 页面的生命周期函数
# 自定义组件