uniapp和HTML5区别

uniapp 的性能问题主要集中在 app 端,做 H5 和 VUE 的开发体验是一致的。
一、标签的差异
二、组件的差异
三、JS 的变化
四、主要区别
uniapp 和 h5 主要区别在于 uniapp 不支持 dom 操作(H5 端有 dom 对象)、不支持过滤器,这和微信小程序是一致的。
五、共同点
1、uniapp 和 h5 共同的优点:一端多用,做单一品种比较不错,简单方便,小巧。
2、uniapp 和 h5 共同的缺点:与原生相比性能上目前是不可跨越的鸿沟。
六、APP 应用架构
uni-app 本来就可以编译打包成为 WebApp,为什么很多人还要用原生 APP 套壳呢?这不是增加负担么?其实,这是由于项目中的需求决定的,先使用 uni-app 开发 H5 端,暂时 uni-app 没有办法达到目标,再使用原生 APP 交互完成,达到特定需求。
1、开发方面
(1)原生 APP
不同移动操作系统(iphone、ipad、Android)需要各自开发 。开发维护成本高、开发速度慢、APP 上线审核流程复杂且慢。
(2)WebApp
因为运行在移动设备的浏览器上,所以只需要一个开发项目。开发成本低、开发速度快。
2、功能方面
(1)原生 APP
可调用移动终端的硬件设备(麦克风、摄像头、短信、GPS、蓝牙),实现功能丰富。
(2)WebApp
类比电脑端的网页,更多的是页面展示类的 APP。只能使用有限的移动硬件设备功能。
3、应用安装和版本控制方面
(1)原生 APP
安装:应用商店 | APP Store 下载,可以节约带宽成本、可以访问本地资源、缓存。
版本:用户自由选择是否更新版本。新旧版本均需维护,维护成本高
(2)WebApp
安装:通过移动设备上的浏览器访问,软件更新只需要更新服务器就好
版本:无需安装,节省移动终端的内存空间,所有用户同一个版本,版本更新速度方便,直接服务器更新数据即可,即时上线
4、加载速度方面
(1)原生 APP
由 “云服务器数据 + 应用客户端” 构成,APP 应有的所有 UI 元素、数据内容、逻辑框架均安装在移动终端上。访问时,只需要加载数据,应用页面框架无需下载,所以加载速度更快,页面响应更快。可线下使用。
(2)WebApp
打开一个页面,都需要重新加载页面的所有元素,访问速度受移动终端性能和网络环境的限制,导致加载速度慢,而且操作频繁容易卡死。
5、混合 APP
优点:兼容多平台、顺利访问移动设备功能、应用商店下载(web 应用套用原生应用的外壳)
缺点:用户体验不如原生,性能稍慢
6、总结
原生 APP 偏向于交互,注重用户体验;Web App 偏向与浏览器简单的交互,用于信息展示。一些功能需要访问硬件,则使用原生 APP。
现在流行的方法是将原生 APP 与 Web App 进行融合,核心功能使用原生 APP,内容展示等辅助简单功能使用 Web App。这样便于更新、保证核心功能的交互体验。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

linlinlove2

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值