What are the commonly used front-end UI frameworks?

Common UI frameworks in the front-end include: layui framework, NEC framework, Bootstrap, easyui, jQuery UI framework, Foundation framework, etc.

As the front-end technology is updated day by day, the more and more More and more front-end frameworks emerged. These front-end frameworks save a lot of time in our development projects and allow us to quickly build products through these technologies. Next, in the article, I will introduce some commonly used front-end UI frameworks, which have certain reference value. I hope it will be helpful to everyone

Layui

Official website: https://www.layui.com/

layui is a front-end UI framework written in a standardized manner using its own modules. It is based on native HTML/CSS/ The writing and organization of JS makes it easy to get started and very simple to use. Every detail from the core code to the API has been carefully crafted, which is very suitable for rapid development of the interface.

NEC

Official website: http://nec.netease.com/

NEC framework is a very excellent CSS framework, which includes specifications, frameworks, code libraries, etc. It also provides common layouts, modules, techniques and other codes. In order to meet the product requirements for different platforms and devices, the code development in the NEC code base uses three versions: compatible, elegant, advanced

Compatible : Supports all mainstream browsers and devices including IE6, the UI effect may be degraded.

Elegance: It has an "advanced" effect in advanced browsers and a "compatible" effect in low-level browsers. It is the "elegant degradation" of the advanced version and the "progressive enhancement" of the compatible version.
Advanced: Supports mainstream browsers such as IE9, Chrome, Safari, Firefox, etc., supports mobile devices and all smart systems, and has superior UI effects.

In short, NEC provides a lot of basic things. For web front-end engineers who are just entering the industry, it can help us learn some web front-end systematic things, specifications, bugs, and techniques better and more conveniently. Wait, and each demo also comes with its own code running effect, which can be modified at any time to facilitate your own debugging and learning

Bootstrap

Official website: http://www.bootcss.com/

Bootstrap is a front-end framework for rapid development of web applications and websites. Bootstrap is based on HTML, CSS, and JAVASCRIPT languages. A simple, intuitive, and practical front-end development framework that makes web development faster and easier.

[Recommended course: bootstrap tutorial]

##jquery EasyUI

Official website ：

http://www.jeasyui.net/

easyui is a collection of user interface plug-ins based on jQuery. Provides the necessary functionality for creating modern, interactive, JavaScript applications. Using easyui you don't need to write a lot of code. You only need to define the user interface by writing some simple HTML tags. Perfectly supports the complete framework of HTML5 web pages. Save time and scale on your web development.

【Recommended course:

jQuery easyui tutorial】

jquery ui

Official address:

https://jqueryui.com/

jQueryUI is a set of jQuery page UI plug-ins, including many commonly used page spaces. For example: dialog boxes, drag-and-drop effects, date selection, color selection, data sorting, form size adjustment, etc. The functions are very comprehensive and the interface is beautiful. It can be used as a whole, or several modules can be used separately. And it’s free and open source!

[Recommended course:

jQuery UI Tutorial]

##Foundation

Official website ：

http://www.foundcss.com/

Foundation is an easy-to-use, powerful and flexible responsive front-end framework for building responsive websites on any device , web applications and email. The structure is semantic, mobile-first, and fully customizable.

【Recommended tutorial:

foundation tutorial

】

##YDUI Touch

Official website address: http://www.ydui.org/

YDUI Touch is specially built for the mobile terminal. It is compatible with mainstream mobile devices in terms of technical implementation and interaction design, ensuring light code and high performance. It uses Flex technology to flexibly align, shrink, and expand elements to easily handle mobile pages. Layout; implement powerful screen adaptation layout and adapt to all screens equally. Through it, you can customize JavaScript components, Less files, and Less variables to customize your own YDUI

Recommended related articles: Commonly used front-end frameworks What are the

Summary: The above is the entire content of this article, I hope it will be helpful to everyone.

The above is the detailed content of What are the commonly used front-end UI frameworks?. For more information, please follow other related articles on the PHP Chinese website!