首页 web前端 前端问答 mui和uni-app的区别是什么

mui和uni-app的区别是什么

Sep 06, 2021 pm 02:38 PM
mui uni-app

区别:1、MUI是一套前端框架,可以用于开发web端、web app等应用;而uni-app一套可以适用多端的开源框架,可以开发Android、Web、小程序等多平台的应用。2、MU不依赖任何第三方JS库,而uni-app需要。

mui和uni-app的区别是什么

本教程操作环境:windows7系统、uni-app2.5.1版,DELL G3电脑。

MUI介绍

MUI是一套前端框架,由DCLOUD公司研发而成,提供大量H5和js语言组成的组件,大大提高了开发效率,可以用于开发web端应用、web app等应用。

MUI轻量、且不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K

原生UI:鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉

MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件

有配套的开发工具HBuilder,提供完善的代码提示以及打包流程的简化,同时也提供相应的DEMO,对于入门来说,应该算是非常人性化和简单的。

MUI只专注于UI的适配和渲染以及各种UI模块的封装,不提供其他与UI无关的功能。这可以极大的提高灵活性,方便与其他框架融合使用,同时也有效的保证框架不会太过臃肿庞大,从而影响了性能。

缺点

官方文档优点过于简陋,对于JS部分的文档偏少,如有需要进行定制或者修改的话,不方便。对框架的实现原理和代码缺少解释性的文档,不方便老手进行针对性的定制或者遇到问题时进行排查。

对vue的支持目前还存在问题,当用vue对数据进行渲染后,mui的组件很多时候都无法做出合适的响应,比如无法下拉之类的问题。

对于三方的SDK的支持不够完善。目前对于地图的支持并不好。

uni-app介绍

uni-app是一套可以适用多端的开源框架,是一个使用 Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。

uni-app对前端开发人员比较友好,学习成本比较低,因为uni-app是基于vue.js。并且它的封装的组件和微信小程序的组件一样,所以对于现在的主流前端人员来说学习成本几乎为0。

uni-app使用HbuildX进行开发。使用HBuilderX进行开发可以说是速度杠杠的。开发速度比较快,ps:我是一个webstom党(vue很上手),但是对于开发纯静态页这种会用HBuilderX,个人觉得很不错无论是环境还是提示效果都很丰富。

缺点

很多人以为小程序是微信先推出的,其实,DCloud才是这个行业的开创者。所以uni-app问世的时间比较短,有很多地方还不是完善。

快应用仅支持 vivo 、oppo、华为

360小程序仅 windows平台支持,需要在360浏览器中打开

推荐:《uniapp教程

以上是mui和uni-app的区别是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它们
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

VSCode中如何开发uni-app?(教程分享) VSCode中如何开发uni-app?(教程分享) May 13, 2022 pm 08:11 PM

VSCode中如何开发uni-app?下面本篇文章给大家分享一下VSCode中开发uni-app的教程,这可能是最好、最详细的教程了。快来看看!

利用uniapp开发一个简单的地图导航 利用uniapp开发一个简单的地图导航 Jun 09, 2022 pm 07:46 PM

怎么利用uniapp开发一个简单的地图导航?本篇文章就来为大家提供一个制作简单地图的思路,希望对大家有所帮助!

聊聊如何利用uniapp开发一个贪吃蛇小游戏! 聊聊如何利用uniapp开发一个贪吃蛇小游戏! May 20, 2022 pm 07:56 PM

如何利用uniapp开发一个贪吃蛇小游戏?下面本篇文章就手把手带大家在uniapp中实现贪吃蛇小游戏,希望对大家有所帮助!

uni-app vue3接口请求怎么封装 uni-app vue3接口请求怎么封装 May 11, 2023 pm 07:28 PM

uni-app接口,全局方法封装1.在根目录创建一个api文件,在api文件夹中创建api.js,baseUrl.js和http.js文件2.baseUrl.js文件代码exportdefault"https://XXXX.test03.qcw800.com/api/"3.http.js文件代码exportfunctionhttps(opts,data){lethttpDefaultOpts={url:opts.url,data:data,method:opts.method

实例讲解uniapp实现多选框的全选功能 实例讲解uniapp实现多选框的全选功能 Jun 22, 2022 am 11:57 AM

本篇文章给大家带来了关于uniapp的相关知识,其中主要整理了实现多选框的全选功能的相关问题,无法实现全选的原因是动态修改checkbox的checked字段时,界面上的状态能够实时变化,但是无法触发checkbox-group的change事件,下面一起来看一下,希望对大家有帮助。

手把手带你开发一个uni-app日历插件(并发布) 手把手带你开发一个uni-app日历插件(并发布) Jun 30, 2022 pm 08:13 PM

本篇文章手把手带大家开发一个uni-app日历插件,介绍下一款日历插件是如何从开发到发布的,希望对大家有所帮助!

聊聊uniapp的scroll-view下拉加载 聊聊uniapp的scroll-view下拉加载 Jul 14, 2022 pm 09:07 PM

uniapp怎么实现scroll-view下拉加载?下面本篇文章聊聊uniapp微信小程序scroll-view的下拉加载,希望对大家有所帮助!

实例详解uniapp如何实现电话录音功能(附代码) 实例详解uniapp如何实现电话录音功能(附代码) Jan 05, 2023 pm 04:41 PM

本篇文章给大家带来了关于uniapp的相关知识,其中主要介绍了怎么用uniapp实现拨打电话并且还能同步录音的功能,感兴趣的朋友一起来看一下吧,希望对大家有帮助。

See all articles