您的位置: 首页 > 新闻动态> 行业动态

    微信小程序与H5有哪些区别

    2017-12-06 15:25:17

    前段时间,微信小程序能够实现跳转网页功能在开发者和用户间都传的沸沸扬扬。而有部分的用户更是diss说,这不就是H5嘛。没什么大不了。看到这样的言论,小知觉得很有必要给大家来个科普:小程序不是H5!

    timg (15).jpg

    一、运行环境不同

     

    H5是HTML语言的第五次修订版本,是一种超文本标记语言,是一种技术,其运行环境所依附的外壳是浏览器;即所有手机浏览器、PC浏览器,在获取到其具体的URL链接时都可以打开H5网页。

     image.png

    微信小程序是一种应用,运行的环境是微信,但是也参合了部分浏览器框架环境数据,是微信开发团队基于微信内部浏览器内核完全重构的一个内置解析器,针对性地做了数据框架优化,配合自己定义的开发语言标准,提升了小程序的性能。

     

    官方文档表明脚本内无法使用浏览器中常用的window对象和document对象。微信给开发者提供了开发工具,内置了编程、调试、开发环境以及发布,开发者只需按照官方文档进行开发,就能保证小程序在微信内稳定运行。


    二、技术兼容不同

     

    H5 的开发,涉及开发工具、前端框架、模块管理工具、任务管理工具,还有UI库选择、接口调用工具、浏览器兼容性等等。尽管这些工具可定制化非常高,大部分开发者也有自己的配置模板。但对于项目中各种外部库的版本迭代、版本升级,系统兼容等等,这些成本加在一起那就是个不小数目了。

     image.png

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

     

    并且开发过程中,不用考虑浏览器兼容性,不用担心出现浏览器模具框架造成的BUG,显而易见微信小程序的开发成本相对低很多。

     

    三、用户体验不同

     

    打开H5,实际上是打开一个网页,而网页需要在浏览器中渲染,加载,根据浏览器自身的框架重新呈现。所以加载这一过程,会给人明显的「卡顿」感觉,面对复杂的业务逻辑或者丰富的页面交互时尤为明显。更有甚者会出现页面板式错误,或者模组无法加载的尴尬情况。

     image.png

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


皖ICP备15009770号-1