微信和html5的使用感觉,微信小程序和HTML5相比有何不同呢?

小程序和H5有哪些不同？自从小程序面世以来，大家一直将小程序与HTML5来进行对比，大家对小程序也一直褒贬不一，很多人都觉得HTML5(下文简称H5)比较方便，毕竟小程序只能在微信中使用，而H5可以在任何浏览器使用。小程序不能跳转外部链接，而H5没有限制。所以很多人都还是喜欢H5，但是其实不然，本篇文章鸭梨小编就为大家做一下对比，细细的讲解一下

首先从运行环境说起

微信小程序其实是一种应用，在微信里运营;而H5 是一种技术，需要在浏览器中才能使用。

H5 的运行环境是浏览器，包括微博，那微信小程序的运行环境微信小程序虽然介于APP和H5之间，但本质其实还是一个H5应用，但与那些微信内部其他H5应用或者小游戏最大的不同，就是微信小程序比1-15拥有更多的系统权限，比如说数据缓存能力。当用户在打开一个小程序之后就会把这个小程序的主要框架缓存到小程序上，下一次再去使用的时候，用户就会快速地浏览到这个网页，即使没有网络仍然可以加载到这个小程序。

小程序中无法使用浏览器中常用的 window 对象和 document 对象，H5 可以随意使用。

开发成本

H5 的开发，涉及开发工具(vscode、Atom等)、前端框架(Angular、react等)、模块管理工具(Webpack 、Browserify 等)、任务管理工具(Grunt、Gulp等)，还有 UI 库选择、接口调用工具(ajax、Fetch Api等)、浏览器兼容性等等。

尽管这些工具可定制化非常高，大部分开发者也有自己的配置模板，但对于项目中各种外部库的版本迭代、版本升级，这些成本加在一起那就是个不小数目了。

而开发一个微信小程序，由于微信团队提供了开发者工具，并且规范了开发标准，则简单得多。前端常见的 HTML、CSS 变成了微信自定义的 WXML、WXSS，官方文档中都有明确的使用介绍，开发者按照说明专注写程序就可以了。

需要调用后端接口时，调用发起请求API;需要上传下载时，调用上传下载API;需要数据缓存时，调用本地存储API;引入地图、使用罗盘、调用支付、调用扫码等等功能都可以直接使用;UI 库方面，框架带有自家 weui 库加成。

并且在使用这些 API 时，不用考虑浏览器兼容性，不用担心出现 BUG，显而易见微信小程序的开发成本相对低很多。

系统权限

与H5相比，微信小程序获得的权限更多，比如需要：网络通信状态、数据缓存能力等，这些系统级权限都可以和微信小程序无缝衔接。

H5 就没有这些功能，所以这也是 H5 的大多应用场景只能实现简单的功能。

应用在生产环境的运行流畅度

说到流畅度，这就不能不提到H5了，H5这么多年一直被大家嫌弃的原因，流畅度就是其中之一。当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时，它的体验总是不尽人意，需要不断的对项目优化来提升用户体验。

但是由于微信小程序运行环境独立，尽管同样用 HTML +CSS + JS 去开发，但配合微信的解析器最终渲染出来的是原生组件的效果，自然体验上将会更进一步。

以上就是