uniapp和HTML5区别_uniapp layout

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。这样便于更新、保证核心功能的交互体验。