九大B端开源组件库:总览篇,B端设计绕不开的话题。

如果你经常接触B端设计,开源组件库是各个绕不开的话题,市场上的组件库林林总总,本次做一个总体介绍,后面有机会再分开详细介绍。

一、最常用的组件库,推出的时间。

自Bootstrap诞生后,B端PC中后台组件库如雨后春笋般的冒出来,各有各的能力。

2011年,Twitter推出Bootstrap;

2015年,Fusion电商中后台组件库发布;

2016年,Element中后台组件库发布;

2016年,iview中后台组件库发布;

2016年,蚂蚁金服Ant Design中后台组件库发布;

2021年,阿里云Xconsole组件库发布;

2021年,字节跳动ArcoDesgin、SemiDesgin中后台组件库发布;

2021年,腾讯TDesgin组件库发布。


 


 

其实市面上远不止这些,华为、百度也都有自己的中后台组件库,只不过用处不多,还有很多中小厂商基于这些组件库开发出成型的B端后台,如若依等等。


二、上述组件库的简单介绍

  1. Bootstrap (2011年):由Twitter推出的前端框架,提供了响应式设计、网格系统、CSS组件等功能,帮助开发者快速构建现代化的网页和Web应用。
  2. Fusion (2015年):阿里巴巴推出的电商中后台组件库,专注于提供丰富的中后台应用场景所需的组件和模板,包括表格、图表、表单等,以提高开发效率和统一用户体验。
  3. Element (2016年):饿了么(现已被阿里巴巴收购)推出的中后台组件库,提供了丰富的基础组件和业务组件,适用于中后台管理系统的快速开发。
  4. iview (2016年):基于Vue.js框架的中后台组件库,提供了一系列易用的UI组件和模板,帮助开发者构建基于Vue.js的中后台应用。
  5. Ant Design (2016年):由蚂蚁金服推出的中后台组件库,以优雅的设计语言和丰富的组件为特色,适用于企业级中后台应用的快速开发。
  6. 阿里云Xconsole (2021年):阿里云推出的组件库,专注于为阿里云控制台提供统一的设计语言和丰富的组件,以提高用户体验和开发效率。
  7. ArcoDesgin、SemiDesgin (2021年):字节跳动推出的中后台组件库,分别提供了Arco和Semi两种设计语言的组件库,旨在帮助开发者快速构建中后台应用。
  8. TDesgin (2021年):腾讯推出的组件库,为腾讯生态内的中后台应用提供了丰富的组件和模板,以提高开发效率和统一用户体验。


 


 

这些组件库都旨在提供丰富的组件、统一的设计语言和良好的用户体验,帮助开发者快速构建现代化的中后台应用。


三、组件库之于B端的意义

组件库对于B端(企业级)设计带来了许多好处,包括但不限于以下几点:

  1. 统一的设计语言和风格:组件库提供了统一的设计语言和风格,使得企业级应用的UI在整体上更加一致,用户可以更容易地理解和使用不同的功能模块。
  2. 快速开发和迭代:组件库提供了丰富的基础组件和模板,可以大大加速企业级应用的开发过程。开发人员无需从零开始构建每个组件,而是可以直接使用组件库中的现成组件,减少重复劳动,提高开发效率。
  3. 良好的用户体验:组件库经过了设计和用户体验的优化,提供了丰富的交互效果和易用的UI组件,可以帮助企业级应用提供更好的用户体验,从而提高用户满意度和粘性。
  4. 可访问性和可维护性:许多组件库都注重可访问性(Accessibility),可以帮助企业级应用满足残障人士的需求。此外,组件库的统一维护和更新可以降低应用的维护成本,确保应用的稳定性和安全性。
  5. 响应式设计:许多组件库都提供了响应式的设计和布局,可以适应不同设备和屏幕尺寸,为企业级应用的多平台部署提供了便利。

总的来说,组件库为B端设计带来了更高的开发效率、更好的用户体验、更低的维护成本和更快的迭代更新,有助于企业级应用快速构建和持续优化。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/426973.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

爬虫代理API的全面解析:让数据抓取更高效

在大数据时代,网络爬虫已经成为收集和分析数据的重要工具。然而,频繁的请求会导致IP被封禁,这时候爬虫代理API就显得尤为重要。本文将详细介绍爬虫代理API的作用、优势及如何使用,帮助你更高效地进行数据抓取。 什么是爬虫代理AP…

C++刷怪笼(5)内存管理

一.前言 学习完类和对象之后,我们对C有了基本的了解,但是我们对于C的学习,除了广度,还需要深度,今天让我们走进底层,看看C对其内存是如何进行管理的。 二.正文 我们对这段代码进行详细的分析如下图&#…

技术美术一百问(02)

问题 前向渲染和延迟渲染的流程 前向渲染和延迟渲染的区别 G-Buffer是什么 前向渲染和延迟渲染各自擅长的方向总结 GPU pipeline是怎么样的 Tessellation的三个阶段 什么是图形渲染API? 常见的图形渲染API有哪些? 答案 1.前向渲染和延迟渲染的流程 【例图…

使用Rust直接编译单个的Solidity合约

这里写自定义目录标题 使用Rust直接编译单个的Solidity合约前言预备知识准备工作示例 使用Rust直接编译单个的Solidity合约 前言 我们知道,我们平常开发Solidity智能合约时一般使用Hardhat框架,但是如果你是一个Rustacean (这是由 “Rust” 和 “crust…

2024年【中级消防设施操作员(考前冲刺)】及中级消防设施操作员(考前冲刺)模拟考试题库

题库来源:安全生产模拟考试一点通公众号小程序 中级消防设施操作员(考前冲刺)根据新中级消防设施操作员(考前冲刺)考试大纲要求,安全生产模拟考试一点通将中级消防设施操作员(考前冲刺&#xf…

设计模式之建造者模式(通俗易懂--代码辅助理解【Java版】)

文章目录 设计模式概述1、建造者模式2、建造者模式使用场景3、优点4、缺点5、主要角色6、代码示例:1)实现要求2)UML图3)实现步骤:1)创建一个表示食物条目和食物包装的接口2)创建实现Packing接口的实体类3&a…

golang 字符串浅析

go的字符串是只读的 测试源代码 package mainimport ("fmt""unsafe" )func swap(x, y string) (string, string) {return y, x }func print_string(obj *string, msg string) {string_ptr : (*[2]uintptr)(unsafe.Pointer(obj))first_obj_addr : string_…

MySQL系列—13.事务

1、事务 事务是逻辑上的一组操作,要么都执行,要么都不执行。 事务控制语法 - 事务开始 begin; - 事务提交,提交后就会写入物理磁盘中去 commit; - 事务回滚,事务提交后,无法回滚 rollback;事务的四大特性&#xff0…

基于51单片机的温度电流电压检测系统(压力、电压、温度、电流、LCD1602)

目录 一、主要功能 二、硬件资源 三、程序编程 四、实现现象 一、主要功能 基于51单片机,通过DS18B20检测温度,滑动变阻器连接数模转换器模拟电流、电压,通过LCD1602显示,程序里设置温度阈值为40,电流阈值为60&am…

六西格玛咨询:石油机械制造企业的成本控制与优化专家

一、石油机械制造行业现状及主要困扰 随着全球能源需求的日益增长,石油开采和生产设备需求不断增加,石油机械制造行业在过去数十年里得到了迅猛发展。然而,石油机械制造作为一个高度复杂且技术密集的行业,也面临着多重挑战。首先…

【Vue】- 路由及传参

文章目录 知识回顾前言源码分析1. 声明式导航2. 路由传参3. 可选符4. 重定向5. 4046. 跳转及传参7. 路由懒加载拓展知识总结router-link静态传参和动态路由的对比知识回顾 前言 什么是单页面应用程序? ● 所有功能在一个html页面上实现 单页面应用优缺点? ● 优点:按需更新…

大模型时代的 AI 产品经理何去何从?

每天 LLM 相关的资讯都让人过载。作为 AI 产品经理,你是更兴奋呢,还是更担忧呢?整理了一下个人近期的思考,欢迎感兴趣的朋友一起交流。不管答案如何,相信我们都不应置身事外。 1 关于大模型‍‍ 大模型的各种原理讲…

OpenAI O1热度己过-如此快速的冷场带来的是人们更多对现今“AI”的思考

引入o1的瞬间辉煌 o1如耀眼的新星,闪耀于科技天空。发布时,因其思考能力而备受瞩目。它能在回答问题之前进行更多的思考,尤其擅长复杂推理。这种能力引发了众多用户的好奇与热情。诸如“9.8和9.11哪个大?”的简单问题被广泛地验证…

上海人工智能实验室开源视频生成模型Vchitect 2.0 可生成20秒高清视频

上海人工智能实验室日前推出的Vchitect2.0视频生成模型正在悄然改变视频创作的游戏规则。这款尖端AI工具不仅简化了视频制作流程,还为创作者提供了前所未有的灵活性和高质量输出。 Vchitect2.0的核心优势在于其强大的生成能力和高度的可定制性。用户只需输入文字描…

Java获取随机数

在Java中获取随机数通常会使用java.util.Random类或者Math.random()方法 1.java.util.Random java.util.Random类用于生成伪随机数。 // 使用无参构造方法创建Random对象Random rand new Random();// 生成一个[0, 100)范围内的随机整数int randomInt rand.nextInt(100);Sys…

算法练习题26——多项式输出(模拟)

输入格式 输入共有 2 行 第一行 1 个整数,n,表示一元多项式的次数。 第二行有 n1 个整数,其中第 i 个整数表示第 n−i1 次项的系数,每两个整数之间用空格隔开。 输出格式 输出共 1 行,按题目所述格式输出多项式。…

【ARM】中断的处理

ARM的异常向量表 如果发生异常后并没有exception level切换,并且发生异常之 前使用的栈指针是SP_EL0,那么使用第一组异常向量表。如果发生异常后并没有exception level切换,并且发生异常之 前使用的栈指针是SP_EL1/2/3,那么使用第…

雷朋太阳镜和AEG的制胜法宝是:音乐节以及数据驱动的品牌推广

图片来源:Photo by Ethan Robertson on Unsplash 几十年来,我们见证了流行文化偶像对大众的影响。雷朋一直是一个深受偶像和大众喜爱的品牌。借助这股浪潮,雷朋与全球最大的娱乐公司之一AEG合作,吸引消费者,并以沉浸式…

JAVA-集合相关

HashMap如何解决哈希冲突的? 计算hash值,基于hashCode计算冲突之后,先是使用链式寻址法当链表长度大于8,且hash表的容量大于60的时候,再添加元素则转化成红黑树 为什么计算hash值是,是将hash地址的值右移1…

推荐10款最佳的电脑监控软件,知名电脑监控软件推荐

随着互联网和科技的飞速发展,电脑监控软件成为企业和个人用户管理和保护信息安全的必备工具。这些软件可以帮助你实时了解电脑的使用情况、保护隐私、优化工作效率,甚至防止潜在的安全威胁。在这篇文章中,我们将为你推荐10款最佳的电脑监控软…