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

This article mainly introduces "what are the popular frameworks in html". In daily operation, I believe many people have doubts about the popular frameworks in html. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful for you to answer the doubts about "what are the popular frameworks in html?" Next, please follow the editor to study!

(1) MUI

Advantages: MUI is a popular framework launched by digital dclound, personal feeling, this is the best H5 UI framework, easy to use, easy to operate.

Cons: in order to achieve the native effect, MUI redefines all the styles of input,select,textarea in the Form form, which makes it inconvenient for users to customize the style.

For example, the image on the left below is in MUI, using the tag directly, there is no drop-down arrow, which will confuse the user.

In the figure on the right, we can redefine select to display it in the HTML code.

Select {- webkit-appearance: menulist! important;}

In fact, when I was using bootstrap, I remembered that when bootstrap developers defined table at that time, they said that they could have rewritten table through CSS, but because some websites needed the original table style, they did it in order to be compatible with the former.

Change the table default style through the global CSS, and if the developer wants to use bootstrap's table style, he only needs to increase it, so that it doesn't add much work and is compatible with past programs.

I think this point should be used for reference by MUI.

(2) WeUI

Advantages: WeUI is a basic style library consistent with Wechat's native visual experience, tailored by Wechat's official design team for Wechat pages and WeChat Mini Programs, making users' perception more unified. Therefore, its style is basically the same as that of core Wechat.

Disadvantages: sorry, I don't think highly of WeUI, which is completely inconsistent with the name of Tencent. I had high expectations of WeUI, but the actual test was very disappointing. These disappointments are shown in that they are too WeChat, which limits the breadth of his use.

More importantly, its CSS name is completely different from other H5 frameworks. Take a simple panel as an example, the accepted way of naming it is:

Subject of title

But the name of weui is similar to the following: header abbreviated as hd,body is written as bd, the name of the class, you call page__title is no problem, the problem is that there are 2 underscores between page and title, and some use class names: middle and underscore are used together.

Such as weui-cell__hd. When you write a large number of pages, you will keep switching in your mind and thinking about the name of the WeUI class.

Title mobile phone

WeUI has another fatal drawback: one more span or div can invalidate your style completely. For example, just an extra div between body and tab__hd may invalidate your page.

And (3) Jquery Mobile

Pros: this should be the earliest HTML5 framework

Disadvantages: although Jquery is very popular, it has to be said that JqueryMobile is a failed work. It seems to have stopped updating now. The biggest disadvantage of JM is that it is too slow.

No wonder browsers support CSS and JS, but JM overrides the final rendering style by customizing a lot of data-*

For example, the data-enhanced,data-icon of the following code, these data-* attributes, which cannot be recognized by the browser, need to be interpreted by JM's JS engine and converted to CSS language. When the page uses a lot of these data-* attributes, its performance is greatly degraded, which should not be used by many people now.

(4) Bootstrap

Advantages: compatible with PC and mobile phones, its ideas and styles have inspired many rising stars, such as dividing the page into 12 parts and automatically combining lights according to the resolution. In the PC style, it plays an irreplaceable role.

Disadvantages: precisely because he needs to be compatible with PC and mobile phone, although the PC style is excellent, the mobile phone effect can only be said to be "regular". After all, it is unrealistic to "want the horse to run fast and not to eat grass".

(5) Framework7

No, but it looks good. It's worth pushing.

(6) Amaze UI

No, in fact, Amaze has a React.js-based mobile Web component library http://t.amazeui.org, which is based on React.js, so it feels that the entry barrier is very high.

(7) Layui

Layer is very popular at the moment, but she still prefers PC.

At this point, the study of "what are the popular frameworks in html" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.