微信小程序与微信H5有什么不同?

 2018-09-20 15:15:03  编辑:TiAmo  阅读:202
导读小程序目前已经非常普及了,很多人还是不知道和H5有什么区别,二者在功能展示上可能很多人觉得没什么两样,对二者傻傻分不清楚,下面有微网的小编告诉大家小程序和H5的区别。

  小程序和H5在功能展示上看上去是很相似的,所以很多人就会把二者混为一谈,但是实际上二者是有区别的,下面有微网的小编告诉大家二者的区别。

微信小程序与微信H5页面有什么不同

  H5的全称是HTML5,也就是超文本标记语言。而HTML5是超文本标记语言的第五次修订版本。小程序是一种应用,是在微信中运行的,而H5是一种技术,依附的是浏览器。就以大家看电影而立,使用H5看电影是需要下载视频,然后在浏览器中打开,而小程序就是直接打开小程序视频看电影。

  从“前端开发”的视角来看,小程序和H5也有多方面的不同:

  一、运行环境不同

  H5的运行环境是浏览器,包括webview,而微信小程序的运行环境并非完整的浏览器,因为小程序的开发过程中只用到一部分H5技术。

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

  二、开发成本不同

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

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

  三、获取系统权限不同

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

  而这一点恰巧是H5 被诟病的地方,这也是HL5的大多应用场景被定位在业务逻辑简单、功能单一的原因。

  四、运行流畅不同

  打开H5,实际上是打开一个网页,而网页需要在浏览器中渲染。所以加载这一过程,会给人明显的「卡顿」感觉,面对复杂的业务逻辑或者丰富的页面交互时尤为明显。

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

  简单的说就是小程序相对H5开发的成本更低、内容更丰富、使用的体验也更好。所以小程序的出现对H6也是一种挑战。大家是否了解二者的区别了呢?如果想要了解更多相关信息,请关注有微网。

标签:
相关阅读