小程序开发与网页开发的区别

一、开发语言

• 小程序的主要开发语言是 JavaScript
• 小程序的开发同普通的网页开发相比有很大的相似性

二、逻辑层和渲染层

​网页开发渲染线程和脚本线程是互斥的（长时间的脚本运行可能会导致页面失去响应）

说明：网页开发者可以使用到各种浏览器暴露出来的 DOM API，进行 DOM选中和操作。

小程序的逻辑层和渲染层是分开的，分别运行在不同的线程中

说明：小程序的逻辑层运行在 JSCore 中，并没有一个完整浏览器对象，因而缺少相关的DOM API和BOM API。

这一区别导致了前端开发非常熟悉的一些库，例如jQuery、 Zepto 等，在小程序中是无法运行的。

同时 JSCore 的环境同NodeJS 环境也是不尽相同，所以一些 NPM的包在小程序中也是无法运行的。

三、开发者面对的运行环境

网页开发者需要面对的环境是各式各样的浏览器

说明：PC 端需要面对IE、Chrome、QQ浏览器等；在移动端需要面对Safari、Chrome以及iOS、Android系统中的各式 WebView

小程序开发过程中需要面对的是两大操作系统iOS 和 Android 的微信客户端，以及用于辅助开发的小程序开发者工具

四、开发准备工作及流程

• 网页开发者在开发网页的时候，只需要使用到浏览器，并且搭配上一些辅助工具或者编辑器即可
• 小程序的开发需要经过申请小程序帐号、安装小程序开发者工具、配置项目等等过程方可完成。

说明：

a. 申请小程序帐号并获取AppID：进入 小程序注册页进行注册就可以拥有自己的小程序帐号（在这个小程序管理平台，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作）。登录小程序后台，我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID了，注意这里要区别于服务号或订阅号的AppID （小程序的 AppID 相当于小程序平台的一个身份证，后续你会在很多地方要用到 AppID）。

b. 安装小程序开发者工具并用微信扫码登录：申请小程序帐号后，我们需要安装小程序开发者工具来开发小程序。前往开发者工具下载页面，根据自己的操作系统下载对应的安装包进行安装，之后打开小程序开发者工具，用微信扫码登录开发者工具，准备开发。

五、json 后缀的 JSON 配置文件(JSON 配置)

• 当前小程序全局配置 app.json
• 小程序开发者工具配置 project.config.json
• 小程序局部页面配置 page.json

说明：JSON 是一种数据格式，并不是编程语言，在小程序中，JSON扮演的静态配置的角色。

注意：

a. JSON文件都是被包裹在一个大括号中 {}，通过key-value的方式来表达数据。JSON的Key必须包裹在一个双引号中。忘了给 `Key 值加双引号或者是把双引号写成单引号是常见错误。

b. JSON的值只能是以下几种数据格式(数字、字符串、Bool值、数组、对象、Null)，其他任何格式都会触发报错，例如 JavaScript 中的 undefined。

c. JSON文件中无法使用注释，试图添加注释将会引发报错。