首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
组件库从0到1
DevUI团队
创建于2021-05-11
订阅专栏
从0到1搭建一个组件库
等 349 人订阅
共62篇文章
创建于2021-05-11
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
🎉DevUI 开源社区 Issue / PR 周报第2期:本周迎来贡献的超级大爆发,共10位贡献者提交26个PR
2022年9月1日,Vue DevUI 1.0 正式发布🎉,我们希望 这个由开源社区从0到1共建的组件库能够持续发展下去,凝聚更多用户和开发者,形成一个活跃的开源社区 大家可以在社区讨论前端技术、实践
DevUI 开源社区 Issue / PR 周报第1期
后续计划通过周报方式列出上一周新增的Issue/PR,欢迎感兴趣的小伙伴参与进来,回复Issue、检视PR,一起维护社区的活跃,保障项目的持续演进,感兴趣可以添加小助手:devui-official
Vue DevUI 1.0 正式发布🎉
Vue DevUI 1.0 已经发布。2021年1月9日,Vue DevUI 作为一个开源项目公开亮相。如今,它已经包含了55个简单、易用、灵活的高质量组件。 Vue DevUI 沉淀自华为软开云众多
Ripple:这个广受好评的水波纹组件,你不打算了解下怎么实现的吗?
Ripple 水波纹作为比较受欢迎的交互效果,用于对用户的行为进行反馈,本文将解析 DevUI Ripple 指令,并且从0到1为大家展示如何写出兼容 Vue2 和 Vue3 的自定义指令。
请收下这份《Vue DevUI 公开测试参考指南》
为了方便大家参与 Vue DevUI 1.0 版本的公测,我们特意准备了一份《Vue DevUI 公开测试参考指南》。
探索开源社区开发模式:vue-devui 组件库 1.0 版本公开测试🎉🎉
今天我们正式发布了第一个公测(Beta)版本:v1.0.0-beta.220801,并开放给社区进行公开测试,欢迎大家访问官网进行体验,并参与我们的公测!
从 CDK Tree 源码学习如何开发一个UI无关的 Tree 组件
Angular CDK 是一个 Angular 组件开发工具箱,也是 Material UI 组件库(Angular)的底层基座,是其UI无关或弱UI的部分(tree-control是真正UI无关的核
前端Vuer,请给你的项目加上 ESLint
ESLint 是什么 ESLint 是一个插件式的 JavaScript / JSX 代码检查工具,用于检测和修复 JavaScript 代码中的问题,目标是让代码更一致并避免错误。 在 Vue 项目
手把手教你实现 Tree 组件搜索过滤功能,干货满满!
本文从DevUI组件库Tree组件搜索过滤功能的介绍,到需求和交互分析,再到实现方案的设计、对比和选择,最后到一步一步实现,深入细致地给大家分享Tree组件搜索过滤功能的完整实现,希望能给你一些启发。
种子终会破土而出! | DevUI开源2022年中总结
「时光不负,创作不停,本文正在参加2022年中总结征文大赛」 开源思考 在2021年的年终总结中,我把参与开源比做给果园的果树浇水。 这是从贡献者的角度看开源,有一定的道理,但这个观点不够成熟。 首先
Ng DevUI 周下载量突破1000啦!🥳
Ng DevUI 是 DevUI 开源组织在2019年6月开源的 Angular 组件库项目。 开源回顾 这3年来,我们一直坚持每个月发布新版本,将 DevUI 的最新实践分享给社区,从最早的 Ang
前端Vuer,请收下这份《Vue3中使用JSX简明语法》
Vue DevUI 所有组件都是 Vue3 + JSX 语法写的,我虽然会 Vue3,但是我不会 JSX 怎们办? 有了这份《Vue3中使用JSX简明语法》宝典就不慌啦! 文本插值、属性绑定、事件绑定
Vue DevUI:100多位贡献者持续530多天,写了近60000行代码,这个新鲜出炉的 Vue3 组件库你不想尝试下吗?
距离 Vue DevUI 组件库第一个rc版本发布过去3个月。 这3个月来,共有33位田主参与组件的打磨和优化,共优化和修复了61个组件的377个特性和缺陷。 Vue DevUI 已趋于成熟,欢迎大家
20行代码,给你的项目增加 DevUI 主题切换能力
近期,Vue DevUI 官网上线了主题切换器。 默认是“充满无限想象”的无限主题: 可以切换成“满满少女心”的蜜糖主题: 或者“适合夜猫子”的追光主题: 本文将手把手教大家在项目中引入主题切换能力
骨架屏优化——细粒度模式的实现
无声同学是我们 DevUI 开源组件库的田主,从2021年9月份进入 DevUI 开源组织到现在,一直在持续贡献,为 Skeleton / Table / Avatar 等多个组件贡献过代码,累计提交
React DevUI:React 18 还没正式发布,我们已经开发了一个基于 React 18 的组件库
React 18还没正式发布,我们已经开发了一个基于React 18的组件库:React DevUI。React DevUI是一个基于React18和DevUI Design的 UI 组件库。
用积木理论设计的Carousel组件都有哪些有趣的玩法?
之前给大家介绍了DevUI组件设计的基本思想,并以Carousel走马灯组件为例,给大家分享如何将积木理论的思想运用到组件设计上。 这个组件是Vue DevUI组件库中Carousel组件的简化版,虽
CarouseIndicator 组件应用:0行JS代码实现好看的手风琴式折叠卡片效果
前两天写了一篇前端积木理论的实战文章,以DevUI组件库的Carousel走马灯组件为例,详细地阐述了如何将积木理论运用到组件开发中,里面提到抽象和分层的思想,通过抽象的思想将Carousel组件最核
用积木理论设计一个灵活好用的Carousel走马灯组件
之前写了一篇前端开发的积木理论,给大家分享了我的组件设计价值观,有小伙伴评论: 主要是那篇文章比较偏理论,列举的案例也太简单,因此决定写一篇实战类的文章。 由于我们DevUI是专业做组件库,就以Car
前端开发的积木理论——像搭积木一样做前端开发
1 概述 用户界面是由一系列组件组合而成,组件将数据和交互封装在内,仅保留必要的接口与其他组件进行通信。 在前端开发中,组件就像一个一个的小积木块,我们用这些积木块拼出一个一个页面,这些页面组成了一个
下一页