组件库设计

最新推荐文章于 2025-06-20 09:19:18 发布
原创 最新推荐文章于 2025-06-20 09:19:18 发布 · 259 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react.js #vue.js

组件库

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

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

获得设计方案

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

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

如何设计自己的通用组件库？
weixin_64974855的博客
07-05 239
如何设计自己的通用组件库？
axure组件库蚂蚁设计的
09-30
Axure组件库，antdesign提供，欢迎使用分享 Axure组件库，antdesign提供，欢迎使用分享
组件库设计与实践
u013035708的博客
05-19 1756
组件库作为前端开发的基础设施，在提高开发效率、统一产品风格等方面发挥着关键作用。随着公司业务的快速发展和技术的不断更新,如何建立一个高质量、可持续发展的组件库，已经成为前端技术团队面临的重要挑战。
从零开始搭建一个属于你自己的组件库！
程序员成长指北
08-15 1367
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群之前发过一篇搭建组件库文章使用 Vite 和 TypeScript 从零打造一个属于自己的 Vue3 组件库两篇文章可以结合一起学习组件在前端开发中越来越重要了，开发者更细分、聚焦于组件层面的开发，然后像搭积木一样完成应用功能。组件库可以统一管理组件，输出文档，能提升组件复用性、避免重复造轮子...
基于Vue的漫画风格UI组件库设计源码
09-25
在当今的Web开发领域，随着用户界面（UI）设计和用户体验（UX）的日益重要，个性化和风格化的UI组件库成为了前端开发者手中的利器。本项目所提供的基于Vue框架的漫画风格UI组件库设计源码，便是这样一款旨在为网页...
BIM模型组件库设计分析.doc
最新发布
08-30
BIM模型组件库设计分析涉及多个关键方面，包括设计指南、标准流程、命名规则、创建步骤、材料、颜色和线型等。在设计过程中，香港房屋委员会的BIM库构件设计指南提供了基础框架和思路，以确保从可行性研究到维护阶段...
基于Vue3.X的B端企业级HaloE移动云前端组件库设计源码
09-27
项目“基于Vue3.X的B端企业级HaloE移动云前端组件库设计源码”便是在这样的背景下应运而生。该组件库的设计理念围绕着“普适性”、“多元性”、“开放性”和“共生性”展开，力图打造一套能够满足各种业务需求、适应...
基于Java语言的微服务中台组件库设计源码
09-29
中台组件库是企业在实施微服务架构时，为满足复用性和一致性的需求，将通用功能进行封装，形成可供其他业务微服务使用的组件集合。组件库的设计需要遵循模块化、高内聚低耦合的原则，确保组件的独立性和可复用性。 ...
基于Java语言的VisCEB可视化组件库设计源码
10-04
总体来说，VisCEB可视化组件库设计源码项目通过精心的模块划分和规范的代码管理，为Java开发者提供了一套易于使用、功能强大的可视化组件集合。该项目的设计理念、文件结构、配置方式等，都是值得学习和借鉴的典范。
如何优雅的制作一个组件库
weixin_35648410的博客
12-27 706
组件库制作保姆级教程，手把手从0到1。
组件库设计原则
weixin_38222276的博客
07-28 886
1.1标准性 任何一个组件都应该遵循一套标准，可以使得不同区域的开发人员距此标准开发出一套标准统一的组件 1.2独立性 描述了组件的细粒度，遵循单一职责原则，保持组件的纯粹性 属性配置等API对外开放，组件内部状态对外封闭，尽可能的少业务耦合 1.3复用与易用 UI差异，消化在组件内部（注意并不是写一堆if/else) 输入输出友好，易用 1.4使用SPOT法则 SinglePointOfTruth,就是尽量不要重复代码 1.5避免暴露组件...
组件库设计实战系列：重新设计 React 组件库
weixin_34097242的博客
10-23 211
在 react + redux 已经成为大部分前端项目底层架构的今天，让我们再回到软件工程界一个永恒的问题上来，那就是如何提升一个开发团队的开发效率？从宏观的角度来讲，只有对具体业务的良好抽象才能真正提高一个团队的开发效率，又囿于不同产品所面临的不同业务需求，当我们抽丝剥茧般地将一个个前端项目抽象到最后一层，那么剩下的就只有按钮、输入框、对话框、图标等这些毫无业务意义的纯 UI 组件了。选择或开发...
苹果设计组件库_建立设计系统和组件库
weixin_26750481的博客
09-10 1105
苹果设计组件库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...
如何设计一个前端组件库？
破损的天堂鸟博客
06-20 1019
设计组件库需平衡技术深度（架构、性能）与开发者体验（文档、生态）。原则先行：标准化、原子化、无状态优先。技术适配：按需加载、SSR支持、框架扩展性。生态闭环：从自动化测试到社区共建的全链路优化。资料提示：企业级项目可参考Ant Design的规范化流程，快速迭代场景推荐VitePress文档方案，跨平台需求优先评估Taro/Quasar。
如何构建维护设计组件库？我总结了这6个方法
FromTodayTo的博客
12-07 720
署名：崆 如何有条不紊地构建及维护设计组件库？这可不是个简单的问题。面对此问题，向开发同学们学习是个不错的选择。无论是设计元素的命名，还是组件的「封装」，设计同学们都能从程序开发的通用做法中汲取新思路。下面，让我们一起来了解让设计组件库井井有条的方法。 本期提纲： 原子设计 页面结构化 命名规范化 控件封装 Design Tokens 版本管理 原子设计 构建组件库，最基本的思维模式即原子设计（Atomic Design）。其实，这个概念并不新鲜，开发同学也有类似的思维模式。 1. 基本
9个大厂的UI组件库，以后前端攒页面不愁啦！
2401_82616673的博客
02-19 7684
组件库是可以重复使用的界面设计元素的集合体，有时候需要快速搭建产品，从UI设计开始来不及，前端就得先跑起来，贝格前端工场为大家精选了9个大厂的UI组件库，都是免费的。
前端新手必看：10 大 UI 组件库全面解析，快速搭建高质量 Web 应用」 「从零开始：Vue 和 React 最受欢迎的 UI 组件库入门指南」 「超实用！PC 端和移动端 UI 组件库推荐与实战
热门推荐
南北极之间
01-13 1万+
前端新手必看：10 大 UI 组件库全面解析，快速搭建高质量 Web 应用」 「从零开始：Vue 和 React 最受欢迎的 UI 组件库入门指南」 「超实用！PC 端和移动端 UI 组件库推荐与实战教程」 「前端开发必备：10 大 UI 组件库详解，助你快速上手项目开发」 「新手友好：Vue 和 React 的 UI 组件库对比与实战教程」 「前端开发者的宝藏：10 大 UI 组件库推荐与完整代码示例」 「快速上手：Vue 和 React 的 UI 组件库入门与实战」 「前端开发新手必读：10 大 UI
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值