What are the differences between mui and bootstrap

This article mainly explains "what are the differences between mui and bootstrap". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what are the differences between mui and bootstrap"?

Differences: 1, the size is different, mui is about 100k, and bootstrap is about 240k; 2, mui is closer to the ui experience of native app, while ui of bootstrap is web style; 3, mui framework can be used for rapid prototyping development, but bootstrap is not.

Operating environment of this tutorial: Windows7 system, bootsrap3.3.7 version, DELL G3 computer

The difference between mui and bootstrap:

1. Light weight

In the mui framework, js+css is about 100k, while bootstrap is about 240k. The difference of more than 100k can not be ignored in the loading time and rendering time on Android phones.

2. Ui style

Mui is based on iOS 7's ui and complements some android-specific ui controls, such as draggable tabs; bootstrap's ui still looks like a web page style, unlike native app's ui controls; in general, mui is closer to the ui experience of native app

3. Native acceleration

Five major performance problems of HTML5: page cutting white screen, form transition animation stutter, area scrolling stutter, drop-down refresh not smooth, side-slide menu not smooth, these problems can not be solved perfectly from the perspective of HTML5, especially on low-end Android phones; mui framework encapsulates the operation of webview, leaving the most performance-consuming parts to native webview, thus greatly improving the fluency of mobile app

4. Rapid prototyping development

HBuilder has built-in all the code blocks of mui. With a few keypads, you can quickly generate the HTML code needed for a mobile phone control. For example, mList can generate a list control and mTab can generate tab controls. These functions can definitely greatly improve the efficiency of rapid prototyping development.

Thank you for your reading, the above is the content of "what are the differences between mui and bootstrap". After the study of this article, I believe you have a deeper understanding of the difference between mui and bootstrap, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!