N 年沉淀,腾讯这套系统终于开源!

大家好,我是鱼皮,前段时间给大家介绍了字节跳动开源的两套设计系统,分别是 Arco Design 和抖音 Semi Design。

而就在几天前,腾讯终于也开源了自家的设计系统 TDesgin !这次,终于能介绍自己公司的项目了。

ecfe9f669124faca55ea5bab723f11c9.png

如官方描述,TDesign 是一套拥有完整的 设计价值观视觉风格指南 的企业级设计体系,并且在此基础上,提供了基于 Vue、React、小程序等业界主流技术栈的组件库解决方案,主要用于构建设计统一、多端覆盖、跨技术栈的企业级前端应用。

GitHub:https://github.com/Tencent/tdesign

68e8acba2ec07e14eb8ace9eed7b9f89.png
TDesign 官网

听上去非常高大上,但其实用人话来描述就是:定了一套设计风格(字体大小、颜色、动效等),并提供了不同框架(Vue、React)、各终端(PC、移动端、小程序)的 组件库 ,可以帮助开发者轻松完成风格一致的前端项目,尤其适合开发中后台系统。

a59ac0fbca8634f9437c9090b8dc7ab2.png

如果你是一名前端开发者,进入 TDesign 官方文档,按照快速开始引入 TDesign 就能直接使用组件库了:

63f5da8f4cc2482d8de4b192c41d2c2a.png

每个组件除了示例代码、效果演示和 API 介绍外,还包含使用指南,帮助你正确高效地使用组件:

65bc2a4e8da1b41737060c0d067a79f5.png

此外,TDesign 还提供了开箱即用的脚手架 TDesign Starter,只需输入几行命令,就能快速搭建出一个多端适配的中后台管理系统,效果如下图:

32ace7623e0b784c2ee34f55ef3ad870.png

如果你之前使用过蚂蚁金服的 Ant Design 的话,会发现其实 TDesign 与它的模式几乎是一致的,毕竟 Ant Design 做的真心不错,有很多值得参考的地方。

但 TDesign 的诞生可不是照搬 Ant Design 那么简单。它是由整个腾讯各大 BG 的同学内部共建而成,整合了过去腾讯各种设计体系和组件库的优点,经过了 5000 多次代码提交,才终于推出了一套有腾讯产品风格的设计体系。比如下图的 Tencent Blue 蓝色调,相信你在腾讯的很多产品(腾讯官网、腾讯文档、腾讯会议等)都见到过:

f185ac6ca758248b1d300407af2679cb.png

总之,对开发者来说,多一个组件库的选择不是坏事;而多一个大厂的开源项目,也就给我们多了一份学习的空间。

期待 TDesign 的后续发展,也希望更多的大厂团队和开发者能拥抱开源,让国内的技术生态越来越好。

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

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

相关文章

Android之Launcher分析和修改3——Launcher启动和初始化

前面两篇文章都是写有关Launcher配置文件的修改,代码方面涉及不多,今天开始进入Launcher代码分析。 我们开机启动Launcher,Launcher是由Activity Manager启动的,而Activity Manager是由system server启动。 原创博文&#xff0c…

史上最强物理科普!

全世界只有3.14 % 的人关注了爆炸吧知识一沙见世界 一花窥天堂手心握无限 须臾纳永恒杨振宁曾说读上面的四句诗可以感受到物理的美但物理的美不止于此物理还有一种庄严美一种神秘美一种初窥宇宙奥秘的畏惧美物理就是如此的迷人任何语言在它的面前都很贫瘠数学让人摆脱了愚昧而…

mysql 怎么实现随机查询并分页,不重复查询

2019独角兽企业重金招聘Python工程师标准>>> 需求: 企业应用中,一般数据量不是很特别多,同时大多在局域网内,性能不会有问题,一般不会分页处理,随机排序数据一般不会有问题 web网站中&#xf…

主机远程唤醒配置

配置:win10戴尔主机F2进biosbios设置2.系统设置3.以太网设置4.电源管理设置以上设置完成后关机,就可以在远程电脑上打开WakeMeOnLan,然后添加或者搜索需要唤醒的电脑的ip,mac和主机名称,然后就可以唤醒远程主机了查看m…

unix高级编程apue.h问题

2019独角兽企业重金招聘Python工程师标准>>> apue.h头文件为作者自己编写而非系统自带,故需要自行添加!第一:打开网站 http://www.apuebook.com/第二:选择合适的版本(一共有三个版本,根据书的版…

EIGRP stub SIA

转载于:https://blog.51cto.com/liushuo890/1202399

岛国人气美少女竟然每晚跟 3 个人通宵打麻将?

1 桥本怕不是四川人?▼2 借口总比困难多▼3 突然觉得自己是大厨▼4 连自己都不放过▼5 这就是纹身的烦恼▼6 这又是什么黑暗料理(via.坏蛋王师傅)▼7 哦吼,是在下输了▼7 哦吼,是在下输了▼你点的每个赞,我都认…

java获取ResultSet长度

2019独角兽企业重金招聘Python工程师标准>>> public class Test { public static void main(String[] args) throws SQLException { Connection conn WLMGlobal.connMgr_stat_instance().getConnection(); Statement stmt conn.createStatement(Result…

浅谈协同过滤推荐算法

在现今的推荐技术和算法中,最被大家广泛认可和采用的就是基于协同过滤的推荐方法。本文将带你深入了解协同过滤的秘密。 1 什么是协同过滤 协同过滤是利用集体智慧的一个典型方法。要理解什么是协同过滤 (Collaborative Filtering, 简称 CF),首先想一个简…

C# wpf编程CM框架快速入门项目实例

01—事件连接这会自动将控件上的事件关联到ViewModel上的方法。常规约定&#xff1a;<Button x:Name"Save">这将导致按钮的单击事件调用ViewModel上的“Save”方法。简短语法&#xff1a;<Button cal:Message.Attach"Save">这将再次导致按钮的…

我的2021年终总结:初为人父,从头再来

【年终总结】| 作者/Edison最近公司开始一股年终总结浪潮&#xff0c;看着同事们写大作文式的“内卷”总结&#xff0c;我不禁在想我这一年做了什么&#xff0c;那么也就有了这篇总结推文&#xff0c;当然它也是我每年的习惯。传送门&#xff1a;Edison的2020年终总结1也谈2021…

Java 基础【09】你的多继承纳?

Java省略了许多很少用到&#xff0c;缺乏了解&#xff0c;混淆功能的C &#xff0c;在我们的经验中带来更多的悲伤大于收益 。 -----James Gosling James Gosling 这个人大家应该很熟悉&#xff0c;就是最初设计Java 语言的的程序…

开源项目导入eclipse的一般步骤[转]

下载到开源项目后&#xff0c;我们还是希望导入到eclipse中还看&#xff0c;这样要方便点&#xff0c;一般的步骤是这样的 打开源代码目录&#xff0c; 如果看到里面有.calsspath .project文件&#xff0c;那么说明这个项目本来就是eclipse开发的&#xff0c;那么在eclipse中-&…

说说可重复函数(Reentrant) 和线程安全(thread-safe)的区别与联系

在讲可重复函数与线程安全之前先来了解什么是可重复函数和线程安全。可重复函数&#xff1a;在多线程或有异常控制流的情况下,当某个函数运行到中途时,控制流(也就是当前指令序列)就有可能被打断而去执行另一个函数.而"另一个函数"很有可能是它本身.&#xff0c;如果…

Blazor中的无状态组件

声明&#xff1a;本文将RenderFragment称之为组件DOM树或者是组件DOM节点&#xff0c;将*.razor称之为组件。1. 什么是无状态组件如果了解React&#xff0c;那就应该清楚&#xff0c;React中存在着一种组件&#xff0c;它只接收属性&#xff0c;并进行渲染&#xff0c;没有自己…

一次性撤稿70篇!中国学者论文再现大规模撤稿 | 附全名单

全世界只有3.14 % 的人关注了爆炸吧知识2021年1月20日&#xff0c;英国皇家化学学会&#xff08;Royal Society of Chemistry&#xff0c;简称RSC&#xff09;表示&#xff0c;他们正在考虑撤回68篇可能出自“论文工厂”的文章&#xff0c;但当时并没有公布这68篇文章的详情。近…

二叉树前序、中序、后序遍历相互求法

今天来总结下二叉树前序、中序、后序遍历相互求法&#xff0c;即如果知道两个的遍历&#xff0c;如何求第三种遍历方法&#xff0c;比较笨的方法是画出来二叉树&#xff0c;然后根据各种遍历不同的特性来求&#xff0c;也可以编程求出&#xff0c;下面我们分别说明。 首先&…