一、小程序与普通网页开发的区别
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() 创建页面实例
④ 页面渲染完成