您当前的位置:首页 > 电脑百科 > 程序开发 > 移动端 > 小程序

微信小程序和网页开发(H5)的区别

时间:2021-07-06 11:14:12  来源:  作者:畅游零和一的海洋

首先明确几个概念

1. W3C:指万维网联盟(World Wide Web Consortium),是一个国际的标准的制定机构。

2. H5(html5,HyperText Markup Language 5的缩写),HTML5 是由W3C制定的新HTML标准,HTML用于开发web网页。

3. 微信小程序,是由微信客户端提供的开放能力支持的一种应用形式,完全依赖于微信 App 环境。

为什么有人把小程序和H5拿来比较?

H5标准出来之前,HTML在手机端显示效果不好,而HTML5被设计为跨平台的,可以在不同类型的硬件(PC、平板、手机、电视机等等)之上运行。所以现在很多手机端应用使用H5进行开发。很多公众号里直接链接的应用,有些是用小程序框架开发的,有些是用H5开发的;这两种技术方向大体上能实现相同的功能,也会有细微的差异。

不同的软件公司采用的技术方向不同。比如你要在开发一个可以在微信里打开的应用,咨询多家软件开发公司,有的说我们使用微信小程序框架开发的,有的说我们使用H5开发;听到这里很多人可能一头雾水,不知道该怎么选择。

下面我们就说说二者的区别,帮助您做出选择。

小程序和H5区别:

1. 运行环境不同

小程序的运行环境是微信客户端,所以只能在微信里打开

H5的运行环境是浏览器(包括电脑端的IE、Chrome、QQ浏览器等,也包括手机端的Safari、Chrome以及 IOSAndroid 系统中的各式 WebView),所以能运行在电脑、手机、平板之上,但是不同的设备需要单独适配,例如专门为手机端开发的H5应用,可以在电脑上使用,但是显示效果会很差

2. 运行效果,性能上差异

小程序基于微信客户端实现,对解析进行了优化,并且一旦首次打开小程序,可以直接缓存很多资源。因此,在使用小程序时可以明显感觉很流畅,接近原生 APP 的体验

H5应用,实际上就是打开一个web网页,需要在浏览器中进行加载渲染,开始显示之前都会有一个白屏的过程,无论加载的时间的长短,都会给用户一种卡或者不灵敏的感觉

3.小程序可以使用微信提供很多开发能力,而H5应用没有

小程序提供的开放能力:拍摄、录音、语音识别、二维码、地图、支付、分享、卡券等

4. 其他区别

例如:支付能力,小程序只支持微信支付,而 H5 里可以选择使用其他支付平台提供的支付方式



Tags:微信小程序   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
说到开发小程序,你的脑海中浮现的大概是这样的页面:...【详细内容】
2022-10-22  Tags: 微信小程序  点击:(7)  评论:(0)  加入收藏
很多朋友都喜欢微信小程序,不用下载安装,点开就能使用。下面这6个骨灰级的微信小程序,涵盖工作、学习、生活,每天都能用得到。 01*历史价格查询亮点:拒绝乱花冤枉钱。 不管你...【详细内容】
2022-09-30  Tags: 微信小程序  点击:(22)  评论:(0)  加入收藏
前置申请支付宝相关准备内容:小程序 - 微信支付接入指引 - 微信支付商户平台先看文档小程序登录流程:小程序登录 | 微信开放文档登录流程图 这个说明一定要好好看清楚!!! 说明 ...【详细内容】
2022-09-19  Tags: 微信小程序  点击:(79)  评论:(0)  加入收藏
原标题:“北京警务”微信小程序启用 无犯罪记录证明全流程网上办为了给市民提供更方便快捷的“互联网+公安政务服务”,全新版本的“北京警务”微信小程序正式启用,9项公安业务...【详细内容】
2022-08-30  Tags: 微信小程序  点击:(53)  评论:(0)  加入收藏
随着科技时代的不断进步,不知不觉之间,我们的生活、工作好像都离不开网络的支持,从最初的各种论坛、阿里巴巴等网页端,在移动设备的迅速发展中慢慢向着手机APP转移,不管是网上商...【详细内容】
2022-08-28  Tags: 微信小程序  点击:(66)  评论:(0)  加入收藏
微信上隐藏着很多实用的小程序,今天我就给大家分享5个,让人爱不释手的微信小程序,每一款都是精品中的精品! 01*玩乐工具箱亮点:多种有趣的工具。 这个小程序里面聚合了超多工具,你...【详细内容】
2022-08-20  Tags: 微信小程序  点击:(58)  评论:(0)  加入收藏
自微信小程序上线以来,越来越多的商家看到了微信带来的机会,纷纷上架。大家的目的很明确:要在前期抢占微信小程序的流量红利!排名越高,位置越好,接触用户的机会越大。企业要想向更...【详细内容】
2022-08-19  Tags: 微信小程序  点击:(269)  评论:(0)  加入收藏
由于小程序的分享(微信、头条平台),需要监听页面的onShareAppMessage生命周期,小程序需要在页面声明了此生命周期,点击右上角的"胶囊"才会有分享功能,而一般情况下,我们希望每个...【详细内容】
2022-08-04  Tags: 微信小程序  点击:(90)  评论:(0)  加入收藏
第一步,在utils文件夹里新建一个filter.wxs文件 var replaceStar = function (index) { var a switch (index) { case '1': a = '出生时' break; case '...【详细内容】
2022-07-28  Tags: 微信小程序  点击:(138)  评论:(0)  加入收藏
一、微信小程序迁移是什么?“小程序迁移”是指微信公众平台提供的,协助小程序帐号开发者将其小程序项下业务交由其他开发者的小程序承接、运营的功能和服务。迁移完成后,小程序...【详细内容】
2022-07-21  Tags: 微信小程序  点击:(170)  评论:(0)  加入收藏
▌简易百科推荐
说到开发小程序,你的脑海中浮现的大概是这样的页面:...【详细内容】
2022-10-22  互联共商   网易号  Tags:微信小程序   点击:(7)  评论:(0)  加入收藏
前置准备:一张需要被关联的表格具体步骤(5): 添加关联字段 选择 被关联表 双击关联字段格 选择被关联数据 关联成功步骤分解:添加关联字段 选择被关联表 双击关联字段格...【详细内容】
2022-10-20  TOWIFY  知乎  Tags:小程序   点击:(8)  评论:(0)  加入收藏
WiFi系统开发方案,WiFiApp开发,WiFi小程序开发,需要了解WiFi详情费用工期模式制度功能等可咨询从事各类软件开发,优秀的团队为您量身定制解决方案,价格合理,用心服务。WiFi软件功...【详细内容】
2022-10-11  武汉微驱动科技有限公司     Tags:小程序   点击:(27)  评论:(0)  加入收藏
钉钉小程序官方文档:文档 - 钉钉开放平台吐槽一下,当时文档很不友好(2019年年底前),还会出现打不开的情况,可能现在会好一些吧???踩过很多坑,边调研边开发模式,技术栈uni-app+TS,以下主...【详细内容】
2022-09-21  JS前端开发    Tags:小程序   点击:(62)  评论:(0)  加入收藏
前置申请支付宝相关准备内容:小程序 - 微信支付接入指引 - 微信支付商户平台先看文档小程序登录流程:小程序登录 | 微信开放文档登录流程图 这个说明一定要好好看清楚!!! 说明 ...【详细内容】
2022-09-19  JS前端开发  今日头条  Tags:微信小程序   点击:(79)  评论:(0)  加入收藏
随着科技时代的不断进步,不知不觉之间,我们的生活、工作好像都离不开网络的支持,从最初的各种论坛、阿里巴巴等网页端,在移动设备的迅速发展中慢慢向着手机APP转移,不管是网上商...【详细内容】
2022-08-28  童言软件开发    Tags:小程序   点击:(66)  评论:(0)  加入收藏
1、小程序简介Mall4j 项目致力于为中小企业打造一个完整、易于维护的开源的电商系统,采用现阶段流行技术实现。后台管理系统包含商品管理、订单管理、运费模板、规格管理、会...【详细内容】
2022-08-25  优迈源码分享    Tags:电商小程序   点击:(90)  评论:(0)  加入收藏
小程序制作似乎是程序员的范围,这似乎与我们的新手程序不密切相关。但事实上,在程序员的帮助下,我们也可以自己制作小程序。这里将教你如何0基础自己如何制作小程序?一开始,不要...【详细内容】
2022-08-18  小帆建网站小程序制作     Tags:小程序   点击:(49)  评论:(0)  加入收藏
一、摘要 随着携程接入小程序平台类型的增加,前端需要负责的端越来越多,研发成本也随之成倍增加。为了解决一套代码多端运行的诉求,携程小程序框架不断调整、升级,逐渐形成了携...【详细内容】
2022-08-17  携程技术    Tags:Taro   点击:(73)  评论:(0)  加入收藏
根据官方数据,微信小程序的数量和使用总数不断增加,在交通天花板环境中,用户增长和使用改进是一个重要的机会,许多线下个人商店也看到了这一趋势,抓住机会,制作微信小程序。那么,我...【详细内容】
2022-08-17  小帆建网站小程序制作    Tags:小程序   点击:(62)  评论:(0)  加入收藏
站内最新
站内热门
站内头条