什么是小程序

微信是中国使用量最大的手机 App 之一，市场极大。2017 年，微信正式推出了小程序，允许外部开发者在微信内部运行自己的代码，开展业务，截止 2020 年 6 月，小程序数量已经超过了 550 万个。 小程序可以视为只能用微信打开和浏览的网站。 小程序和网页的技术架构是几乎一样的，用到的 JavaScript 脚本语言和 CSS 样式表也是一样的，只是网页的 HTML 标签被稍微修改成了 WXML 标签。所以，小程序页面本质上就是网页。

小程序和 h5 的区别

​ 网页开发渲染线程 和脚本线程 是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应，而在小程序中，二者是分开的，分别运行在不同的线程中。网页开发者可以使用到各种浏览器暴露出来的 DOM API ，进行 DOM 选中和操作。而如上文所述，小程序的逻辑层和渲染层是分开的，逻辑层运行在 JSCore 中，并没有一个完整浏览器对象，因而缺少相关的 DOM API 和 BOM API。这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、 Zepto 等，在小程序中是无法运行的。同时 JSCore 的环境同 NodeJS 环境也是不尽相同，所以一些 NPM 的包在小程序中也是无法运行的。

📍 总结来说，小程序和 WEB 开发在语言上相通，但是内核不相通。

注册微信小程序

前往微信公众平台 (opens in a new tab)，注册小程序。

1. 点击“小程序”进入注册。
2. 填写一个尚未在公众平台注册过的邮箱，完成如下设置后，点击注册
3. 进行信息填写
4. 进入微信开发工具下载界面 (opens in a new tab)下载微信开发工具。选择 Stable 版即可。

添加开发者

1. 在微信小程序管理平台上，选择添加协同开发者，添加权限。

创建小程序

小程序的结构

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。
一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

app.js : 小程序逻辑
app.json : 小程序公共配置
app.wxss : 小程序公共样式表，所有的页面都要遵循这个里面的 css 配置

一个小程序页面由四个文件组成，分别是：

js :页面逻辑
wxml :页面结构
json :页面配置
wxss :页面样式表