Shulou(Shulou.com)06/03 Report--

Editor to share with you what is the difference between mui and uni-app, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Differences: 1. MUI is a front-end framework that can be used to develop web, web app and other applications, while uni-app is an open source framework that can be applied to multiple platforms, such as Android, Web, Mini Program and other applications. 2. MU does not rely on any third-party JS libraries, but uni-app does.

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

MUI introduction

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

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

Native UI: given many previous front-end frameworks (especially those with responsive layouts), UI controls look too much like web pages and have no native feel

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

There is a supporting development tool HBuilder, which provides complete code hints and simplification of the packaging process, as well as the corresponding DEMO, which should be very user-friendly and simple for starters.

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

Shortcoming

The advantage of official documentation is too crude, for the JS part of the document is too small, if you need to customize or modify, it is not convenient. Lack of explanatory documents on the implementation principle and code of the framework, it is not convenient for veterans to customize or troubleshoot when they encounter problems.

There are still problems with the support of vue. When rendering data with vue, the components of mui are often unable to respond appropriately, such as not being able to drop down.

The support for the tripartite SDK is not perfect. The current support for maps is not good.

Uni-app introduction

Uni-app is a set of open source framework that can be applied to many sides, is a framework that uses Vue.js to develop all front-end applications, developers write a set of code that can be released to iOS, Android, Web (responsive), as well as a variety of Mini Program (Wechat / Alipay / Baidu / Toutiao / QQ/ nailing / Taobao), fast applications and other platforms.

Uni-app is friendly to front-end developers and the cost of learning is low because uni-app is based on vue.js. And its encapsulated components are the same as those of WeChat Mini Programs, so the learning cost for today's mainstream front-end personnel is almost zero.

Uni-app uses HbuildX for development. Using HBuilderX for development can be said to be a speed lever. Development speed is relatively fast, ps: I am a webstom party (vue is very good), but for the development of pure static pages will use HBuilderX, I think it is very good, both the environment and tips are very rich.

Shortcoming

Many people think that Mini Program was launched by Wechat, in fact, DCloud is the pioneer of this industry. Therefore, the time when uni-app was published is relatively short, and there are many places that are not perfect.

Fast App only supports vivo, oppo and Huawei.

360360 Mini Program is only supported on windows platform and needs to be opened in 360browser.

These are all the contents of this article entitled "what's the difference between mui and uni-app". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.