微信小程序与H5的四大区别

微信小程序推出后，虽然微信团队为普及小程序做了很多工作，但很多人仍然不了解它，很多人误解将其与H5等同起来。由于小程序刚推出时的开放能力非常有限，普通用户会觉得它在功能展示上与H5一样，没有什么特别之处，导致一些人将两者混淆。那么微信小程序和H5有什么区别呢？其实小程序和H5是两个不同的东西。 HTML的英文全称是Hyper Text Markup Language，即超文本标记语言。 HTML5是超文本标记语言的第五个修订版本。简单来说，小程序就是一个应用程序，运行环境是微信（App）； H5是一种技术，附加的外壳是浏览器。如果对比PC端和移动端，电脑上的软件就相当于手机上的App，需要下载；而通过浏览器打开的H5就相当于小程序，不需要下载。

从“前端开发”的角度来看，微信小程序和H5有很多区别。概括起来，有以下四个方面的区别。 1、开发成本的差异。 H5开发涉及开发工具（vscode、Atom等）、前端框架（Angular、React等）、模块管理工具（Webpack、Browserify等）、任务管理工具（Grunt、Gulp等） ，还有UI库选择、接口调用工具（ajax、Fetch Api等）、浏览器兼容性等。虽然这些工具的可定制性很高，而且大多数开发者也有自己的配置模板，但版本迭代和版本的成本项目中各种外部库的升级加起来是一笔不小的数目。开发微信小程序就简单多了，因为微信团队提供了开发者工具，并规范了开发标准。前端常见的HTML、CSS变成了微信定制的WXML、WXSS、WXML。官方文档中有明确的使用介绍。开发人员只需按照说明专注于编写程序即可。当需要调用后端接口时，调用请求API；当需要上传、下载时，调用上传、下载API；当需要缓存数据时，调用本地存储API；您可以引入地图、使用指南针、通话支付、通话扫描二维码等功能直接使用；在UI库方面，该框架有自己的weui库红利。并且在使用这些API时，无需考虑浏览器兼容性，也无需担心bug。可见微信小程序的开发成本相对较低。 2、运行环境的差异H5的运行环境是浏览器，包括webview，而微信小程序的运行环境并不是完整的浏览器，因为小程序的开发过程中只使用了部分H5技术。小程序的运行环境是微信开发团队基于浏览器内核完全重构的内置解析器。经过专门优化，匹配自己定义的开发语言标准，提高小程序的性能。官方文档表明，浏览器中常用的window对象和document对象不能在脚本中使用（基于此，像zepto/jquery这样操作DOM的库已经被彻底放弃）。但微信为开发者提供了开发工具，内置了编程、调试、开发环境和发布。开发者只需按照官方文档进行开发，即可保证小程序在微信中稳定运行。 3、运行流畅度的差异在运行流畅度方面，无论是用户还是开发者都可以直观地感受到两者的区别。这也是普通大众很容易区分小程序和H5的点。打开H5其实就是打开一个网页，而网页需要在浏览器中渲染。因此，加载过程会给人一种明显的“卡顿”感觉，在面对复杂的业务逻辑或者丰富的页面交互时尤其明显。至于微信小程序，它的代码直接运行在微信上，省去了通过浏览器渲染的步骤。因此，在微信中使用小程序比H5流畅得多。除了首次打开时几秒的加载时间外，小程序各个页面的切换和跳转体验与原生App相当，同样丝滑流畅的效果。 4、获取系统级权限的差异。与H5相比，微信小程序可以获得更多的系统权限，比如网络通信状态、数据缓存能力等，这些系统级权限可以与微信小程序无缝对接。这恰好是H5被诟病的地方。这也是HL5大部分应用场景定位业务逻辑简单、功能单一的原因。综上所述，小程序比H5具有开发成本更低、功能更丰富、用户体验更好的优势。

其实大家应该关注的是，小程序领域目前是一片蓝海，个人就业、商家、技术团队创业的机会很多。大家应该多想想如何在这块蛋糕上分一杯羹。