128、小程序、app、H5的区别

• 运行环境

1. APP则是基于安卓和IOS手机操作系统开发的，能安装在智能手机上运行的的手机软件。打开App就相当于开启了一个进程，App的运行环境就是手机系统；
2. 小程序则是依托于微信的，运行的环境就是微信，并且小程序是用到了部分H5技术，但是并不支持常用的window和document对象，H5 可以随意使用；小程序是一种应用；小程序的运行环境是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对性做了优化，配合自己定义的开发语言标准，提升了小程序的性能；
3. H5就是HTML5，是一种前端技术，它的运行环境是浏览器，包括 WebView（WebView是一个基于webkit引擎、展现web页面的控件）。

• 系统权限

1. App用的是手机系统的资源，即系统提供给开发的接口都可以使用；并且App是可以给用户推送消息的；原生 App 需要下载，安装包比较大； App 有独立的数据库，可以做离线存储；
2. 小程序所有的功能都受限于微信，微信给开发者提供 API 才可以使用，不能绕过微信直接使用系统提供的 API；小程序是基于用户推送消息，小程序不允许主动给用户发送信息，必须通过微信才能给用户发信息；小程序无需下载，可以通过小程序码等方式通过微信直接打开；小程序只能存储到 LocalStorage，无法做离线存储；微信小程序相对于 H5 能获得更多的系统权限，比如：网络通信状态、数据缓存能力等，这些系统级权限都可以和微信小程序无缝衔接。
3. H5是不能够获取系统权限的，大多都是应用在业务简单，功能单一的场景中。

• 运行流畅度

1. 原生 App 运行在操作系统中，所有的原生组件可以直接调用 GPU 进行渲染（用户体验最好）；
2. 小程序运行在微信的进程中，只能通过 WebView 进行渲染；由于微信小程序运行环境独立，尽管同样用 HTML +CSS + JS 去开发，但配合微信的解析器最终渲染出来的是原生组件的效果，自然体验上将会更进一步（较好，不如app）；
3. HTML5需要在浏览器内核里渲染，体验稍差，与浏览器性能、网络环境密切相关；

• 开发成本

1. APP开发成本最高，不仅需要同时开发安卓和IOS两个系统的APP，而且还需要适配数量庞大的不同手机型号，工作量大也更复杂；
2. 小程序只需要开发一个就可以在 Android/iOS 等不同设备上运行,不用考虑兼容操作系统的问题，开发成本相比APP要小一些；小程序只能在微信平台发布；由于微信团队提供了开发者工具，并且规范了开发标准，则简单得多。前端常见的 HTML、CSS 变成了微信自定义的 WXML、WXSS，官方文档中都有明确的使用介绍，开发者按照说明专注写程序就可以了；并且在使用这些 API 时，不用考虑浏览器兼容性；
3. H5 技术栈选择 比较多，还涉及开发工具（vscode、Atom等）、前端框架（Angular、react等）、模块管理工具（Webpack 、Browserify 等）、任务管理工具（Grunt、Gulp等），还有 UI 库选择、接口调用工具（ajax、Fetch Api等）、浏览器兼容性等。可能还有融合和修改的成本，因此开发复杂功能时相比小程序成本会稍微高一点。