热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

小程序与H5比较的区别

小程序与H5比较的区别
最近这两年前端技术都比较偏向小程序了。那小程序与传统的H5网页有什么不同呢?下面我们就来做一下对比:

运行环境的不同

小程序: 小程序的运行环境是基于浏览器内核完全重构的一个内置解析器,针对性做了优化,配合自己定义的开发语言标准,提升了小程序的性能。 脚本内无法使用浏览器中常用的window对象和document对象,从源头上避免了DOM的内存泄漏。H5: 无法控制开发人员对DOM的操作,容易出现内存泄漏,在SPA单页应用还存在页面加载慢的问题。

开发成本的不同

小程序: 小程序规范了开发标准,则简单得多。前端常见的HTML、CSS变成了微信自定义的WXML、WXSS,这样避免了框架五花八门,加大了项目接手人员上手维护难度。支付宝小程序可能是AXML、ACSS;头条小程序可能是TTML、TTSS等。H5: 涉及开发工具(vscode、Atom等)、前端框架(Angular、react等)、模块管理工具(Webpack 、Browserify 等)、任务管理工具(Grunt、Gulp等),还有UI库选择、接口调用工具(ajax、Fetch Api等)、浏览器兼容性。

获取系统级权限的不同

小程序: 更多的系统权限,比如网络通信状态、数据缓存能力等,这些系统级权限都可以和小程序无缝衔接。H5: 获取系统权限是大多H5被诟病的地方,这也是H5的大多应用场景被定位在业务逻辑简单、功能单一的原因。

运行流畅度的不同

小程序: 小程序,它的代码直接在APP上运行,通过浏览器双线程UI渲染和业务逻辑分离等技术,因此,在微信中使用小程序,才会比H5流畅很多,首次打开需要几秒的加载时间外,小程序各个页面的切换、跳转等体验已经媲美原生App,有着同样的柔丝般顺滑的效果。H5: 实际上是打开一个网页,而网页需要在浏览器中渲染。所以加载这一过程,会给人明显的「卡顿」感觉,面对复杂的业务逻辑或者丰富的页面交互时尤为明显。

运维方式不同

小程序: 小程序支持灰度发布、AB测试,在出现异常情况下可以实时在管理界面上操作回退。H5: H5如果出现异常问题,需要运维人员在生产环境重新部署回滚系统,要动到生产环境的系统部署,有较大的风险。

用户体验不同

小程序: 由于微信的关系,小程序近几年大火,用户的接受度和认可度都非常高,而且小程序的体验确实要比h5好很多,小程序下载到本地可以缓存,因此用户体验也更平滑,更关键的是,用户对小程序的收藏等操作会更自然,体验更好,不用担心收藏后的东西不好找等情况。H5: H5传统上给人感觉加载始终比较卡,而且H5一旦点击退出去后经常会比较难找到对应入口,特别是链接深度比较深,用户在里面一直点击后,用户一旦退出也很难找到自己关注的东西。

而小程序又是寄生于宿主App内,即用即走,不需要花费长时间去下载安装应用,所以小程序现在深受用户喜爱。

那我们除了将小程序上架到微信、支付宝、百度、头条等这种平台,有没有其他SDK或者技术能够让自家的应用也能够支持小程序呢?

答案是有,那就是凡泰小程序开发平台。

凡泰小程序开发平台原本是计划帮助金融行业去做应用升级、优化,提高用户体验效果。后来,凡泰对小程序平台做了拆分和优化,目前已经支持小程序管理平台私有化部署,也推出了iOS 和 Android 小程序SDK。官网更是推出了一键部署方案,可以更快的在自家服务器部署体验。

所以,利用凡泰小程序可以让更多的移动应用支持小程序了,赶快把应用里的H5替换成小程序吧!

推荐教程:《微信小程序》

以上就是小程序与H5比较的区别的详细内容,更多请关注其它相关文章!


推荐阅读
  • 通过uni.getSystemInfoSync()可以同步获取系统信息,其中platform是获取客户端平台的switch(uni.getSystemInfoSyn ... [详细]
  • uniapp 框架简介和生命周期
    介绍:uni-app使用vue的语法小程序的标签和API。也就是和这些语法同样作用的框架.生命周期,分为应用生命周期和页面生命周期,和小程序的基本一致.流程开发规范为了实现多 ... [详细]
  • 本文介绍了互联网思维中的三个段子,涵盖了餐饮行业、淘品牌和创业企业的案例。通过这些案例,探讨了互联网思维的九大分类和十九条法则。其中包括雕爷牛腩餐厅的成功经验,三只松鼠淘品牌的包装策略以及一家创业企业的销售额增长情况。这些案例展示了互联网思维在不同领域的应用和成功之道。 ... [详细]
  • 作为国内首家专注于小顺序范畴的后端云效劳,晓得云正式开启3.0设计——全平台Serverless效劳。「晓得云」cloud.minapp.com,诞生于2017年8月8日,是国内第 ... [详细]
  • 文|Tech星球(微信ID:tech618)尹非凡一位微信的产品经理告诉Tech星球,据传,在小程序刚做出来的时候,张小龙认 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 本文讨论了如何在微信支付宝两套小程序中生成一张二维码,实现支付宝扫码进入支付宝小程序和微信扫码进入微信小程序的对应桌号进行点餐的功能,提供了一些实现方案供参考。 ... [详细]
  • 网络请求模块选择——axios框架的基本使用和封装
    本文介绍了选择网络请求模块axios的原因,以及axios框架的基本使用和封装方法。包括发送并发请求的演示,全局配置的设置,创建axios实例的方法,拦截器的使用,以及如何封装和请求响应劫持等内容。 ... [详细]
  • 本文介绍了iOS开发中检测和解决内存泄漏的方法,包括静态分析、使用instruments检查内存泄漏以及代码测试等。同时还介绍了最能挣钱的行业,包括互联网行业、娱乐行业、教育行业、智能行业和老年服务行业,并提供了选行业的技巧。 ... [详细]
  • 前言:关于跨域CORS1.没有跨域时,ajax默认是带cookie的2.跨域时,两种解决方案:1)服务器端在filter中配置详情:http:blog.csdn.netwzl002 ... [详细]
  • layui表格分页不生效怎么办
    web前端|Layui教程layuiweb前端-Layui教程小程序实例源码,ubuntuip切换,tomcat默认端改为80,爬虫完整源码,微信小程序php接口,seo专业培训班 ... [详细]
  • 微信持续赋能小程序,腾讯和阿里的线下之争看来势在必行
    回看小程序走过的路,可以说是荆棘密布,从最初的抱琵遮面,到发布时的万众期待,再到如今的不温不火,谁也没想到张小龙在微信之后最看中的产品,会是如此一波三折。昨日,微信小程序再次进行了一次较大规模的更新, ... [详细]
  • 为什么说支付宝小程序更适合商家?除了离钱更近,还有四大优势!
    varis_mobinavigator.userAgent.toLowerCase().match((ipod|iphone|android|coolpad|mmp|smartph ... [详细]
  • 支付宝小程序怎么添加?支付宝小程序扫描二维码添加介绍
    支付宝小程序今日悄然上线,相信很多小伙伴都应该知道,这次上线不少小伙伴想知道自己该怎么添加,因此不知道的小伙伴,就让小编给大家详细的讲讲吧。支付宝小程序扫描二维码添加介绍日前支付宝 ... [详细]
author-avatar
糖就是甜咯
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有