在线沟通

QQ咨询

咨询价格

联系我们

18140119082

扫一扫

回到顶部

H5设计
H5策划
H5设计

H5页面和微信小程序的区别在哪里?

H5页面

2020年09月10日

自从微信小程序推出以后,尽管微信团队做了很多关于小程序的普及功课,但是还是有很多人不太理解,最多的理解就是把它等同于H5页面。其主要原因是因为微信小程序刚推出来时开发的能力十分有限,所以在功能展示上会让普通用户感觉和H5页面一样,并没有什么特别之处,导致了部分人把两者混为一谈。那么微信小程序和H5页面有哪些区别呢?下面就让互动小编为你们讲解吧!

区别一、运行环境不同

网页开发渲染线程和脚本线程是互斥的,这也是为什么长时间的脚本运行可能会导致页面失去响应,而在小程序中,二者是分开的,分别运行在不同的线程中。网页开发者可以使用到各种浏览器暴露出来的 DOM API,进行 DOM 选中和操作。而如上文所述,小程序的逻辑层和渲染层是分开的,逻辑层运行在 JSCore 中,并没有一个完整浏览器对象,因而缺少相关的DOM API和BOM API。这一区别导致了前端开发非常熟悉的一些库,例如 jQuery、 Zepto 等,在小程序中是无法运行的。同时 JSCore 的环境同 NodeJS 环境也是不尽相同,所以一些 NPM 的包在小程序中也是无法运行的。

区别之二、开发成本不同

当开发一个H5微网站时,除了域名服务器备案、服务器开发语言等,我们还需要考虑开发工具环境、前端框架、模块管理工具、任务管理工具、团队协作代码提交工具、组件UI库、接口调用工具、各平台、各品牌的浏览器兼容性等。即使使用jquery插件写,也要在开发过程中去寻找合适的jquery插件来配合项目。尽管这些工具可定制化非常高,并且提高了开发者的开发效率,但我相信项目开发的配置工作已经消耗了不少精力,尽管大部分开发者都有自己的配置模板,但长久以来对于项目中使用的各种外部库的版本迭代、版本升级所产生的成本应该也不低。

区别之三、用户体验感不同

H5最大诟病在于页面之间切换会有白屏卡顿现象,频繁在多页面之间来回切换等待时间较长,受网络环境影响,加载图片、音视频耗费流量需要加载时间较多。

小程序虽然本质上任然是网页,但是由于微信小程序运行环境独立,尽管同样用html+css+js去开发,但配合微信的解析器最终渲染出来的是原生组件的调用效果,自然体验上将会更进一步,无白屏卡顿,浏览速度很快,带来流畅的极致体验效果。

区别之四、策略定位不同

从营销传播角度看,H5可以转发至朋友圈这个巨大的流量入口,形成一传十、十传百的网络规模效应,其次,H5网站内容可以被百度搜索到,H5中的图文内容也可以选择复制粘贴出来,而小程序并不符合营销工具的定位,以上说的的功能都做不到,更多是做连接,将人与服务或设备连接,用完即走,无需关注公共号,全程无营销信息推送的工具。

综上所述,微信小程序和H5本身就有着很大的区别,希望大家不要混淆。不管是微信小程序开发还是H5,首先你都要明确自己的开发需求,这样才能更好的开发一款适合自身企业发展的微信小程序。


最新资讯

了解企业技术分享、营销案例、方案共享,学习前沿互联网营销干货

2020.09

14

H5定制常见的内容和选题有哪些

如今H5已经从“炫酷的H5页面”回归到内容本身上了,H5更多的是靠内容打动人,而不是靠花式交互和技术。

2020.09

14

H5定制需要具备哪些要素?

要想精彩,创意、文案、设计、交互等各个环节都必需天衣无缝,用心创意才能感动用户。

2020.09

14

H5页面制作应该考虑用户哪些体验

H5页面制作是一种高级网页技术,它相比H4技术,有更多的交互和功能,并在移动设备上支持多媒体。

2020.09

11

哪些H5页面让企业过目不忘?

H5因无需下载,不占用手机内存,所用时间短等优点受到很多人的欢迎,而且现在有很多的企业会选择H5活动或者H5游戏​营销