组件库设计

最新推荐文章于 2024-05-25 23:21:12 发布
最新推荐文章于 2024-05-25 23:21:12 发布
阅读量191 收藏
点赞数
分类专栏： 组件化 文章标签： react.js vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/colddaybreak/article/details/125591633
版权

组件库

  • 组件库泛指封装好的 独立样式与逻辑集合
  • 组件库大大的提高开发效率 让我们专注业务开发

现在的UI组件库设计，他山之石，可以攻玉

获得设计方案

  • 自制：再已有项目的基础之上提炼=> 成本低，定制性强
  • 效仿：在其他平台的基础之上修改 => 成本低，定制性一般
  • 购买：第三方设计方案，headless UI => 成本高， 定制性差

tailwindcss icon-default.png?t=M5H6https://tailwindcss.com/

colddaybreak
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何设计自己的通用组件库？
weixin_64974855的博客
07-05 160
如何设计自己的通用组件库？
2024 热门前端 UI 组件库超全汇总！
最新发布
leyang0910的博客
07-03 3526
Radix UI 是一个开源的UI组件库，专为快速开发、易于维护和可访问性优化而设计。它是一个无样式的组件库，允许开发者完全控制组件的样式，同时提供了一套全面的UI组件和工具，帮助开发者构建美观、易于访问且具有高性能的应用。在前端开发的过程中，UI 组件库扮演着至关重要的角色。它们不仅助力开发者迅速构建页面原型，还能确保页面风格的统一性，从而显著提升开发效率。本文就来盘点那些前端领域广泛认可且常用的 UI 组件库，为开发者提供参考。图片。
组件库设计与实践
u013035708的博客
05-19 916
组件库作为前端开发的基础设施，在提高开发效率、统一产品风格等方面发挥着关键作用。随着公司业务的快速发展和技术的不断更新,如何建立一个高质量、可持续发展的组件库，已经成为前端技术团队面临的重要挑战。
如何优雅的制作一个组件库
weixin_35648410的博客
12-27 569
组件库制作保姆级教程，手把手从0到1。
组件库设计原则
weixin_38222276的博客
07-28 662
1.1标准性 任何一个组件都应该遵循一套标准，可以使得不同区域的开发人员距此标准开发出一套标准统一的组件 1.2独立性 描述了组件的细粒度，遵循单一职责原则，保持组件的纯粹性 属性配置等API对外开放，组件内部状态对外封闭，尽可能的少业务耦合 1.3复用与易用 UI差异，消化在组件内部（注意并不是写一堆if/else) 输入输出友好，易用 1.4使用SPOT法则 SinglePointOfTruth,就是尽量不要重复代码 1.5避免暴露组件...
基于Vue的RuoyiUniapp组件库设计源码
05-31
RuoyiUniapp组件库项目源码，共78个文件，采用Vue和...该项目是一个基于Vue的RuoyiUniapp组件库设计，旨在提供一个高效、稳定的组件解决方案。组件库包括权限认证、字典翻译、登录验证码等功能，后续会继续更新。
基于Javascript的mint-ui Vue组件库设计源码
05-26
本项目是基于Javascript的mint-ui Vue组件库设计源码，包含234个文件，其中包括80个JavaScript文件、69个Vue文件、38个Markdown文档、31个JSON文件、4个CSS文件、1个eslintignore文件、1个eslintrc文件、1个...
基于JavaScript和CSS的jQuery前端UI组件库设计源码
05-30
本项目是基于JavaScript和CSS的jQuery前端UI组件库设计源码，包含39个文件，主要文件类型为js、css、svg、png、gif、eot、ttf、woff和LICENSE。该项目适用于jQuery前端UI组件库的开发和设计，为用户提供了一个丰富的...
基于Javascript和TypeScript的简易UI组件库设计源码 - N53-UI
05-29
本源码提供了一个基于Javascript和TypeScript的简易UI组件库的设计。项目包含15439个文件，其中包括9232个JavaScript文件、1429个Markdown文档、1406个JSON文件、812个TypeScript文件、424个Map文件、148个YAML文件...
基于Vue 3.0的layui-vue桌面端组件库设计源码
04-11
本源码提供了一个基于Vue 3.0的layui-vue桌面端组件库设计。项目包含880个文件，其中包括341个Vue文件、265个TypeScript文件、96个Markdown文档、80个Less样式文件、17个JSON文件、16个SVG图像、10个CSS文件、8个...
axure组件库蚂蚁设计的
09-30
Axure组件库，antdesign提供，欢迎使用分享 Axure组件库，antdesign提供，欢迎使用分享
组件库设计实战系列：重新设计 React 组件库
weixin_34097242的博客
10-23 158
在 react + redux 已经成为大部分前端项目底层架构的今天，让我们再回到软件工程界一个永恒的问题上来，那就是如何提升一个开发团队的开发效率？从宏观的角度来讲，只有对具体业务的良好抽象才能真正提高一个团队的开发效率，又囿于不同产品所面临的不同业务需求，当我们抽丝剥茧般地将一个个前端项目抽象到最后一层，那么剩下的就只有按钮、输入框、对话框、图标等这些毫无业务意义的纯 UI 组件了。选择或开发...
从零开始搭建一个属于你自己的组件库！
程序员成长指北
08-15 1018
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群之前发过一篇搭建组件库文章使用 Vite 和 TypeScript 从零打造一个属于自己的 Vue3 组件库两篇文章可以结合一起学习组件在前端开发中越来越重要了，开发者更细分、聚焦于组件层面的开发，然后像搭积木一样完成应用功能。组件库可以统一管理组件，输出文档，能提升组件复用性、避免重复造轮子...
苹果设计组件库_建立设计系统和组件库
weixin_26750481的博客
09-10 983
苹果设计组件库This post is based on the series of posts: Modernizing a jQuery frontend with React. If you want to get a better overview of the motivation for this post we recommend you first read our initial...
如何构建维护设计组件库？我总结了这6个方法
FromTodayTo的博客
12-07 486
署名：崆 如何有条不紊地构建及维护设计组件库？这可不是个简单的问题。面对此问题，向开发同学们学习是个不错的选择。无论是设计元素的命名，还是组件的「封装」，设计同学们都能从程序开发的通用做法中汲取新思路。下面，让我们一起来了解让设计组件库井井有条的方法。 本期提纲： 原子设计 页面结构化 命名规范化 控件封装 Design Tokens 版本管理 原子设计 构建组件库，最基本的思维模式即原子设计（Atomic Design）。其实，这个概念并不新鲜，开发同学也有类似的思维模式。 1. 基本
9个大厂的UI组件库，以后前端攒页面不愁啦！
2401_82616673的博客
02-19 4302
组件库是可以重复使用的界面设计元素的集合体，有时候需要快速搭建产品，从UI设计开始来不及，前端就得先跑起来，贝格前端工场为大家精选了9个大厂的UI组件库，都是免费的。
推荐10款优秀的组件库（一）
tuonioooo
05-25 1571
推荐10款优秀的组件库（一）
保险行业数据仓库模型设计与实施
"该资源是关于EDW(Enterprise Data Warehouse, 企业数据仓库)的DM(Data Modeling)模型设计的PPT演示文稿，主要探讨了数据仓库的概念、模型的组织结构、实施方法以及设计策略，特别关注保险行业的数据模型应用。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值