除去微信本身的功能外，还有两个功能也常常被我们使用，那就是微信小程序和H5。从表面看，微信小程序和H5很相似，许多人常常把小程序和H5混淆在一起。但实际上，微信小程序与H5之间有很大的区别，下面，蓝橙互动就和大家讲讲小程序和H5有什么不同。

1、开发环境不同

从开发工具（vscode、Atom等）、前端框架（Angular、react等）、模块管理工具（Webpack 、Browserify 等）、任务管理工具（Grunt、Gulp等），到UI库选择、接口调用工具（ajax、Fetch Api等）、浏览器兼容性等等，都需要在H5开发时考虑周到。

而当我们面对一个微信小程序的开发需求时，因为微信团队提供了开发者工具，并且规范了开发标准，前端常见的HTML、CSS变成了微信自定义的WXML、WXSS，在统一了这些标准之后，作为一个开发者，你会发现，自己只要专注写程序就可以了。

2、运行环境不同

传统H5 运行环境是浏览器，包括webview等，微信小程序运行环境是非完整的浏览器，是基于浏览器内核完全重构的一个内置解析器，针对小程序专门做了优化，配合自己定义的开发语言标准，大幅提升了小程序的流畅度和性能。所以，本质上说，H5是浏览器页面，而小程序是计算机程序。

3、系统权限不同

微信小程序相对于H5应用能获得更多的系统权限，比如网络通信状态、数据缓存能力等，这些系统级权限都可以和微信小程序无缝衔接，也就是官方宣称的拥有Native App的流畅性能，而这一点恰巧是H5应用经常被诟病的地方，所以微信小程序和H5被作用于不同的功能领域。

4、用户体验不同

打开H5，实际上是打开一个网页，而网页需要在浏览器中渲染。所以加载这一过程，在面对复杂的业务逻辑或者丰富的页面交互时会有一些卡顿。

微信小程序的代码直接在微信上运行，省去了通过浏览器渲染的步骤，因此，在微信中使用小程序，才会比H5流畅很多。除了首次打开需要几秒的加载时间外，小程序各个页面的切换、跳转等体验已经媲美原生App，有着同样的柔丝般顺滑的效果。

除此之外，微信小程序和H5在页面上还有一个不同，那就是小程序右上角的功能按钮比H5页面多一个，这也是最简单区分微信小程序和微信H5的方式。