Home Web Front-end Front-end Q&A What is the difference between mui and uni-app

What is the difference between mui and uni-app

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

Difference: 1. MUI is a front-end framework that can be used to develop web-side, web app and other applications; while uni-app is an open source framework that can be applied to multiple terminals and can develop Android, Web, and small programs. and other multi-platform applications. 2. MU does not rely on any third-party JS library, while uni-app does.

What is the difference between mui and uni-app

The operating environment of this tutorial: windows7 system, uni-app version 2.5.1, DELL G3 computer.

Introduction to MUI

MUI is a front-end framework developed by DCLOUD Company, which provides a large number of components composed of H5 and js languages. It greatly improves development efficiency and can be used to develop web applications, web apps and other applications.

MUI is lightweight and does not rely on any third-party JS library. The compressed JS and CSS files are only 100 K and 60 K

Native UI: In view of many previous front-end frameworks (especially It is a framework for responsive layout). The UI controls look too much like web pages and have no native feel.

MUI is based on the iOS platform UI and supplements some UI controls unique to the Android platform.

There are matching The development tool HBuilder provides complete code prompts and simplification of the packaging process. It also provides corresponding DEMO, which should be very user-friendly and simple for getting started.

MUI only focuses on the adaptation and rendering of UI and the encapsulation of various UI modules, and does not provide other functions unrelated to UI. This can greatly improve flexibility and facilitate integration with other frameworks. It also effectively ensures that the framework will not be too bloated, thus affecting performance.

Disadvantages

The advantages of the official documentation are too simple, and there are few documents on the JS part. It is inconvenient to customize or modify it if necessary. There is a lack of explanatory documentation on the implementation principles and codes of the framework, making it inconvenient for experienced users to make targeted customizations or troubleshoot problems when encountering them.

There are still problems with the support for vue. When using vue to render data, mui components often fail to respond appropriately, such as being unable to pull down.

The support for third-party SDKs is not perfect enough. Currently the support for maps is not good.

uni-app introduction

uni-app is a set of open source frameworks that can be applied to multiple terminals. It is a front-end development tool that uses Vue.js In the application framework, developers write a set of codes that can be published to iOS, Android, Web (responsive), various small programs (WeChat/Alipay/Baidu/Toutiao/QQ/DingTalk/Taobao), quick applications, etc. a platform.

uni-app is more friendly to front-end developers and has lower learning costs because uni-app is based on vue.js. And its encapsulated components are the same as those of WeChat applet, so the learning cost for current mainstream front-end personnel is almost 0.

uni-app uses HbuildX for development. Development using HBuilderX can be said to be extremely fast. The development speed is relatively fast, ps: I am a webstom party (very familiar with Vue), but for developing purely static pages, I use HBuilderX. I personally think it is very good, both in terms of environment and prompt effects.

Disadvantages

Many people think that mini programs were launched first by WeChat. In fact, DCloud is the pioneer of this industry. Therefore, uni-app has been around for a relatively short time, and there are many aspects that are not yet perfect.

Quick App only supports vivo, oppo, Huawei

360 applet is only supported on windows platform and needs to be opened in 360 browser

Recommendation: "uniapp tutorial

The above is the detailed content of What is the difference between mui and uni-app. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to develop uni-app in VSCode? (Tutorial sharing) How to develop uni-app in VSCode? (Tutorial sharing) May 13, 2022 pm 08:11 PM

How to develop uni-app in VSCode? The following article will share with you a tutorial on developing uni-app in VSCode. This may be the best and most detailed tutorial. Come and take a look!

Use uniapp to develop a simple map navigation Use uniapp to develop a simple map navigation Jun 09, 2022 pm 07:46 PM

How to use uniapp to develop a simple map navigation? This article will provide you with an idea for making a simple map. I hope it will be helpful to you!

Let's talk about how to use uniapp to develop a snake game! Let's talk about how to use uniapp to develop a snake game! May 20, 2022 pm 07:56 PM

How to use uniapp to develop a snake game? The following article will take you step by step to implement the Snake game in uniapp. I hope it will be helpful to you!

How to encapsulate uni-app vue3 interface request How to encapsulate uni-app vue3 interface request May 11, 2023 pm 07:28 PM

uni-app interface, global method encapsulation 1. Create an api file in the root directory, create api.js, baseUrl.js and http.js files in the api folder 2.baseUrl.js file code exportdefault"https://XXXX .test03.qcw800.com/api/"3.http.js file code exportfunctionhttps(opts,data){lethttpDefaultOpts={url:opts.url,data:data,method:opts.method

Examples to explain how uniapp implements the all-select function of multi-select boxes Examples to explain how uniapp implements the all-select function of multi-select boxes Jun 22, 2022 am 11:57 AM

This article brings you relevant knowledge about uniapp, which mainly organizes the related issues of implementing the select-all function of the multi-select box. The reason why the select-all function cannot be implemented is that when the checked field of the checkbox is dynamically modified, the status on the interface can Real-time changes, but the change event of checkbox-group cannot be triggered. Let's take a look at it. I hope it will be helpful to everyone.

Take you step by step to develop a uni-app calendar plug-in (and publish it) Take you step by step to develop a uni-app calendar plug-in (and publish it) Jun 30, 2022 pm 08:13 PM

This article will guide you step by step in developing a uni-app calendar plug-in, and introduce how the next calendar plug-in is developed from development to release. I hope it will be helpful to you!

Let's talk about uniapp's scroll-view drop-down loading Let's talk about uniapp's scroll-view drop-down loading Jul 14, 2022 pm 09:07 PM

How does uniapp implement scroll-view drop-down loading? The following article talks about the drop-down loading of the uniapp WeChat applet scroll-view. I hope it will be helpful to everyone!

Detailed example of how uniapp implements phone recording function (with code) Detailed example of how uniapp implements phone recording function (with code) Jan 05, 2023 pm 04:41 PM

This article brings you relevant knowledge about uniapp. It mainly introduces how to use uniapp to make calls and synchronize recording. Friends who are interested should take a look at it. I hope it will be helpful to everyone.

See all articles