微信小程序开发起步

一、小程序与普通网页开发的区别

1）运行环境不同。网页运行在浏览器环境中，小程序运行在微信环境中。

2）API不同。由于运行环境不同，所以小程序中无法调用DOM和BOM的API，但是小程序可以调用微信环境提供的各种API，例如：定位、扫码、支付等等。

3）开发模式不同。

• 网页的开发模式：浏览器 + 代码编辑器。
• 小程序有自己的一套标准开发模式： 申请小程序开发账号——>安装小程序开发者工具——>创建和配置小程序项目

二、第一个小程序

1.进入微信公众平台https://mp.weixin.qq.com/

 2.点击“立即注册”，选择“小程序”

3.填写完成个人信息,获取小程序ID

4.下载“微信开发者工具”，即可编写自己的第一个程序了。

三、小程序代码的构成

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

② utils 用来存放工具性质的模块（例如：格式化时间的自定义模块）

③ app.js 小程序项目的入口文件

④ app.json 小程序项目的全局配置文件

⑤ app.wxss 小程序项目的全局样式文件

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

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

四、小程序的宿主环境

宿主环境（host environment）指的是程序运行所必须的依赖环境。例如：

Android 系统和 iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的，所以， Android 是安卓软件的宿主环境，脱离了宿主环境的软件是没有任何意义的！

小程序启动的过程：

① 把小程序的代码包下载到本地

② 解析 app.json 全局配置文件

③ 执行 app.js 小程序入口文件， 调用 App() 创建小程序实例

④ 渲染小程序首页

⑤ 小程序启动完成

页面渲染的过程：

① 加载解析页面的 .json 配置文件

② 加载页面的 .wxml 模板和 .wxss 样式

③ 执行页面的 .js 文件， 调用 Page() 创建页面实例

④ 页面渲染完成