Get the App
SLTechnology News&Howtos  ›  Development  › 

What are the web front-end frameworks?

Shulou Source: shulou.com Published: 2022-06-02 01:53:19 10月04日 Update

Today, I would like to share with you what are the relevant knowledge points of the web front-end framework, which are detailed in content and clear in logic. I believe most people still know too much about this, so share this article for your reference. I hope you can get something after reading this article.

Ant Design

Ant Financial Services Group produced a very famous frame. At present, many companies are using it, and it is very mature. It is also the ui framework that I use most at present, react + ant design + dva + umi personally think it is a good practice.

Bootstrap

Bootstrap is an open source toolkit for front-end development launched by Twitter. It is a CSS/HTML framework that is currently used by many website developers around the world. Among them, grid theory and responsive solutions have become the reference specifications of the industry.

Taro UI

Taro UI, a set of multi-terminal UI component library based on Taro framework, can run adaptively in WeChat Mini Programs / H5/ReactNative and other multi-terminal. JD.com user experience Design Department of the concave-convex laboratory.

Now a product needs to run on iOS, Android, Mini Program, H6 and other terminals, so it is very expensive to develop different code for different clients. At this time, it is extremely necessary to write only one set of code to adapt to multiple terminals.

With Taro, you can write only one set of code, and then use Taro's compilation tool to compile the source code into code that can be run on different ends (WeChat Mini Programs, H5, RN, etc.), saving costs.

IView

A set of high quality UI component library based on Vue.js. Vue.js is a JavaScriptMVVM library and a progressive framework for building user interfaces.

You can see a large number of UI components and corresponding code on the website, which is essentially the same as our UI specification.

LuLu UI

LuLu UI, which is based on jQuery and aims at PC website, is a front-end UI framework compatible with ie8 and ie7. It contains many static or dynamic UI components. It is very friendly to designers and can be used quickly with simple knowledge of html and css.

Unlike Ant design for mid-background development, LuLu UI is very suitable for website development for external users. You can get started with simple HTML and jQuery, unlike some popular frameworks that require more learning costs.

QMUI

QMUI, produced by Tencent, is divided into Web, iOS and Android, all of which have corresponding dome downloads and installations. Designers can download Android and iOS applications and often look at the components inside. If you are familiar with it, the cooperation with technology will be more efficient.

Element

Ele.me, a set of desktop component libraries based on Vue 2.0 for developers, designers and product managers, is very suitable for the development of background products. What's interesting is that many of the default picture and text data are food.

Fusion Design

Ali launched a design specification framework suitable for the common use of design and technology. The basic purpose is to allow designers to design the interface within a standard framework, but also provides a Sketch plug-in, so that the designed components are directly converted into code, and the technology is directly invoked.

WeUI

WeUI is a basic style library consistent with Wechat's native visual experience, tailored by Wechat's official design team for the Wechat web page and WeChat Mini Programs, making the user perception more unified.

This compact framework provides components commonly used on Wechat pages, which we can refer to when designing Wechat-style projects.

Framework 7

A simple, free HTML framework, mainly used to build mobile web applications, divided into iOS and Android styles.

Its own structure is very simple, built using the most basic html, css, and js, and is easy to use. It can also be used as a prototype development tool to quickly create a prototype of an application.

These are all the contents of the article "what are the web front-end frameworks?" Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Tags: Framework design development components code knowledge front end differences users programs articles websites designers Android products tools costs technology references applications Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Shulou Information MySQL Huawei NVidia Linux