小程序和H5在哪些方面存在显著差异？

本文共计1269个文字，预计阅读时间需要6分钟。

最近这两年来，前端技术都偏向于小程序了。那么，小程序与传统的H5网页有什么不同呢？下面我们来做一个对比：

+ 运行环境的差异 + 小程序：基于浏览器内核完全重构的运行环境+ 小程序：运行环境是基于浏览器内核完全重构的

最近这两年前端技术都比较偏向小程序了。那小程序与传统的H5网页有什么不同呢？下面我们就来做一下对比：

运行环境的不同

小程序: 小程序的运行环境是基于浏览器内核完全重构的一个内置解析器，针对性做了优化，配合自己定义的开发语言标准，提升了小程序的性能。 脚本内无法使用浏览器中常用的window对象和document对象，从源头上避免了DOM的内存泄漏。H5: 无法控制开发人员对DOM的操作，容易出现内存泄漏，在SPA单页应用还存在页面加载慢的问题。

开发成本的不同

小程序: 小程序规范了开发标准，则简单得多。前端常见的HTML、CSS变成了微信自定义的WXML、WXSS，这样避免了框架五花八门，加大了项目接手人员上手维护难度。支付宝小程序可能是AXML、ACSS；头条小程序可能是TTML、TTSS等。H5: 涉及开发工具（vscode、Atom等）、前端框架（Angular、react等）、模块管理工具（Webpack 、Browserify 等）、任务管理工具（Grunt、Gulp等），还有UI库选择、接口调用工具（ajax、Fetch Api等）、浏览器兼容性。

获取系统级权限的不同

小程序: 更多的系统权限，比如网络通信状态、数据缓存能力等，这些系统级权限都可以和小程序无缝衔接。H5: 获取系统权限是大多H5被诟病的地方，这也是H5的大多应用场景被定位在业务逻辑简单、功能单一的原因。