关于uniapp:uniapp-和-HTML5-区别

uniapp 和 HTML5 区别：1、uniapp 是一个应用 Vue.js 开发所有前端利用的框架，而 HTML5 是构建 Web 内容的一种语言形容形式；2、uniapp 不反对 dom 操作，而 H5 端有 dom 对象；3、uniapp 不反对过滤器等等。

本教程操作环境：windows7 零碎、uni-app2.5.1 版本、thinkpad t480 电脑。

举荐（收费）：uni-app 开发教程

uniapp 是一个应用 Vue.js 开发所有前端利用的框架，开发者编写一套代码，可公布到 iOS、Android、Web（响应式）、以及各种小程序（微信 / 支付宝 / 百度 / 头条 / QQ / 钉钉 / 淘宝）、快利用等多个平台。

HTML5 是构建 Web 内容的一种语言形容形式。HTML5 是互联网的下一代规范，是构建以及出现互联网内容的一种语言形式．被认为是互联网的核心技术之一。HTML 产生于 1990 年，1997 年 HTML4 成为互联网规范，并广泛应用于互联网利用的开发。

uniapp 反对跨挪动端开发，如果只做 H5 端，用 uniapp 其实和用 vue 开发没什么区别，vue 能用的插件，uniapp 也能用。

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。这样便于更新、保障外围性能的交互体验。

源码附件曾经打包好上传到百度云了，大家自行下载即可～

链接: https://pan.baidu.com/s/14G-b…
提取码: yu27
百度云链接不稳固，随时可能会生效，大家放松保留哈。

如果百度云链接生效了的话，请留言通知我，我看到后会及时更新～

开源地址
码云地址：
http://github.crmeb.net/u/defu

Github 地址：
http://github.crmeb.net/u/defu

本文转载自：https://www.php.cn/uni-app/46…