【APP、APP端或者web端的小程序、以及H5的区别】

2021/11/24 1:10:58

本文主要是介绍【APP、APP端或者web端的小程序、以及H5的区别】,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

APP、APP端或者web端的小程序、以及H5的区别

  • 三者的区别
    • 发布以及运行环境
    • 运行流畅度
    • 开发成本
    • H5/App/小程序之间的优劣势对比

三者的区别

从开发、发布、运行加载和流畅度和通信方式来说明

发布以及运行环境

APP:APP包应用商店审核后才能上架,运行在操作系统上;
小程序:在APP的小程序开发平台审核通过后才能上线(轻量级),运行在APP上,无法使用浏览器中常用的 window 对象和 document 对象,是APP端规范的标准;
H5:H5域名备案就可以使用,运行在浏览器上,是W3C做的一个开放标准规范;

运行流畅度

APP:原生 App 运行在操作系统中,所有的原生组件可以直接调用 GPU 进行渲染;
小程序:运行在微信的进程中,只能通过 WebView 进行渲染;
H5:HTML5应用面对复杂的业务逻辑或者丰富的页面交互时,它的体验总是不尽人意,需要不断的对项目优化来提升用户体验

开发成本

APP:Android/iOS 多个平台、开发工具、开发语言、不同设备的适配等问题;

小程序:只需要开发一个就可以在 Android/iOS 等不同平台不同设备上运行,规范了开发标准,则简单得多。前端常见的 HTML、CSS 变成了微信自定义的 WXML、WXSS,官方文档中都有明确的使用介绍,开发者按照说明专注写程序就可以,需要调用后端接口时,调用发起请求API;需要上传下载时,调用上传下载API;需要数据缓存时,调用本地存储API;引入地图、使用罗盘、调用支付、调用扫码等等功能都可以直接使用;UI 库方面,框架带有自家 weui 库加成。
并且在使用这些 API 时,不用考虑浏览器兼容性,不用担心出现 BUG,显而易见微信小程序的开发成本相对低很多;

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

H5/App/小程序之间的优劣势对比

在这里插入图片描述



这篇关于【APP、APP端或者web端的小程序、以及H5的区别】的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程