- Java锁的逻辑(结合对象头和ObjectMonitor)
- 还在用饼状图?来瞧瞧这些炫酷的百分比可视化新图形(附代码实现)⛵
- 自动注册实体类到EntityFrameworkCore上下文,并适配ABP及ABPVNext
- 基于Sklearn机器学习代码实战
大家好,我是 Kagol, Vue DevUI 作者,从2020年开始一直专注于前端开源组件库的建设,在前端开源组件库、开源社区运营方面积累了一些经验,2020年主要的创作也是围绕前端组件库和开源两个主题展开.
我觉得界面开发就像搭积木一样有趣,开发之前先把界面拆分成分层的多个模块,然后自顶向下用一个个积木进行拼接,其中最关键的就是组件的设计.
因此我将自己的组件设计观沉淀成了四篇小文,以 Carousel 走马灯组件为例进行深入浅出的阐述.
第一篇是总纲,介绍理论 。
第二篇是基于理论的实现 。
第三篇是延伸,解释为什么要设计子组件 。
第四篇以应用收尾,通过丰富的使用场景描述积木理论的强大 。
四篇文章层层递进,深入浅出,虽然短小,但是五脏俱全,自成闭环.
Vue DevUI 开源组件库组件的设计基本遵循积木理论,这个组件库是100多位社区开发者一起齐心协力完成的,前期肯定会有一些不统一的地方,不过经过持续的磨合和沟通,目前已经基本保持了一致的风格.
这期间也沉淀了不少 Vue3、Vite、TypeScript、JSX、ESLint 等方面的经验.
点赞最多(👍289点赞)的是以下这篇 Vue3 中使用 JSX 指南:
还有一篇是 ESLint 相关的:
以上两篇都是从 Vue DevUI 组件库的开源实践中沉淀下来的.
还有一篇是当时田主大会分享整理的文字版本:
还有几篇分析组件设计和实现原理的,是我们田主们的投稿.
有一篇分析 Tree 组件搜索功能实现原理的,是 daviForevel 同学的投稿:
分析细粒度骨架屏组件设计原理的,是 ivestszheng 同学的投稿:
详解 Ripple 水波纹组件实现原理的,是 ErKeLost 同学的投稿:
还有一些是搭建组件库的实践文章,也是我们的田主写的:
还有一些零散的总结:
不得不说,开源是一个巨大的宝库,如果你能好好利用,他能大大扩展你的技术视野,掌握你在平时开发业务时很难有机会掌握的技能,这些技能可以让你从另一个高度开发业务开发.
而且开源和公司开发最大的不同在于:开源是完全自由的,你可以随意根据自己的兴趣爱好选择要学习的项目和技术,并且有一帮志同道合的朋友和你一起成长,参与开源的经历会成为你编程人生很值得回忆的一段时光.
至少对我是如此.
2022年的年中总结我没有像以往那样仅仅罗列一堆花里胡哨的数据,而是花了很大篇幅总结我自己从一个开源小白,到慢慢感受到开源的魅力,我的所思所想.
主要阐述我对开源动机、开源贡献、开源协作等的理解.
另外我还首次系统性地总结了我对于从0到1运营一个开源项目的理解,本来这篇文章要投稿到开源中国主办的《开源观止》10月刊的,结果《开源观止》从6月份到9月份发了4月份就停刊啦,很遗憾没有发布出来.
不过很幸运的是,我在做开源项目中总结的经验,有机会在中国开源年会成都分会场现场给大家进行分享,分享完 Raye 整理了一份文字稿.
除了开源社区运营经验的分享,还写了好多版本推广文章.
Vue DevUI 的有3篇:
Ng DevUI 的有3篇:
React DevUI 的有2篇:
以及一些组件库周边的文章,比如:
最后推荐下我自己的2022年开源总结,写了两个周末才写完的,请大家帮忙点个赞,谢谢! 。
把时间沉淀到自己的热爱里 | Kagol 的 2022 开源年终总结 。
另外,我正在参加掘金年度人气作者打榜活动,欢迎大家来捧场支持🤝争取进个前50💪 。
https://rank.juejin.cn/rank/2022/writer/1504599026445150 。
--- END --- 。
我是 Kagol,如果你喜欢我的文章,可以给我点个赞,关注我的掘金账号和公众号 Kagol ,一起交流前端技术、一起做开源! 。
最后此篇关于Kagol:2022年最值得推荐的前端开源文章的文章就讲到这里了,如果你想了解更多关于Kagol:2022年最值得推荐的前端开源文章的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
1. HTML 结构 1.1 HTML 文件基本结构 第一个html程序 hello world! html 标签是整个 h
文件上传三种方案:1. form表单上传,2. iframe,3. FormData,base64上传文件,二进制流上传文件,二进制流下载文件。异步上传,大文件上传--切片:拆分上传请求断点续传显示上
1. HTML 结构 1.1 HTML 文件基本结构 第一个html程序 hello world! html 标签是整个 h
uniapp作为开发移动端的前端框架,目前国内是非常流行的,使用HbuilderX开发工具基于uniapp框架开发的系统可以方便的转换为小程序、APP等移动端程序,大大降低了移动开发的成本。网络
今天我们来复盘一下前端中css伪元素的知识以及如何用css伪元素来减轻javascript的压力,做出一些脑洞大开的图形。 预备知识 伪元素 伪元素是一个附加至选择器末的
今天给大家分享一些实用的JS代码片段,有需要的朋友欢迎收藏! 1、获取浏览器的版 functiongetBrowser(){ varUserAgent=navigator.us
1 . Wappalyzer 全球用户数:1,000,000+ Wappalyzer可以帮助我们了解目标网站的构建方式。工作当中存在大量此类情况,客户需要我们参照某些网站
在管理后台中我们会使用大量的表格表单组件, 导入导出各种报表, 有些场景还需要对报表数据进行可视化分析, 动态生成可视化图表, 笔者将基于以上场景, 总结一些实用的 Table 组件开发技巧,
3D动画效果现在越来越普及,已经被广泛的应用到了各个平台,比如阿里云,华为云,webpack官网等。它可以更接近于真实的展示我们的产品和介绍,带来极强的视觉冲击感。所以说,为了让自己更加优秀,c
QShop商城-快速开始-前端 工具准备 NodeJs 前端环境为NodeJs,下载地址:http://nodejs.cn/download/current/ 。 默认会用版
1. 初始JavaScript 1.1 什么是 JavaScript JavaScript (简称 JS) 是世界上最流行的编程语言之一 是一个脚本语言, 通过解释器运行 主要在客户端(浏览器)上运行
1. WebAPI 背景知识 1.1 什么是 WebAPI JS 分成三个大的部分: ECMAScript: 基础语法部分 DOM API: 操作页面结构 BOM API: 操作浏览器 WebAPI
1. WebAPI 背景知识 1.1 什么是 WebAPI JS 分成三个大的部分: ECMAScript: 基础语法部分 DOM API: 操作页面结构 BOM API: 操作浏览器 WebAPI
1. 初始JavaScript 1.1 什么是 JavaScript JavaScript (简称 JS) 是世界上最流行的编程语言之一 是一个脚本语言, 通过解释器运行 主要在客户端(浏览器)上运行
有没有办法从页面访问 tomcat 服务器日志?如果有一些方法或实现可以做到这一点...... 最佳答案 PSI Probe可以列出您的 Tomcat 日志文件并显示它们的内容。您可以采用相同的方法,
我想知道是否有一些很好的免费网站性能分析工具,特别是前端。这主要是关于Javascript的。 现有工具(例如 Google Pagespeed)的问题在于它不适用于我的应用程序。在进入我的应用程序之
我曾经遇到一个 MySQL 前端应用程序,它在父行中显示外部链接行,例如,如果 Client 表有一个指向 Suburb 表的外键: (来源:vb123.com) 您知道可以执行此操作的任何前端吗?
我正在建立一个带有管理区域的网上商店来管理产品。在管理区域中,所有产品都是可见的,但在网上商店中,只有数据库表中标记为 active = 1 的产品是可见的。 我正在使用 Silex 并将存储库注册为
有可能在 C# 中制作 GUI,但在 C 或 C++ 中制作实际程序。 比如说我想制作一个聊天应用程序。我希望界面在 C# 中。但我想用 C 编写所有实际代码。这可能吗? 我找到了 http://ww
对于我自己的教育,我很好奇编译器使用哪个 C++ 前端和后端。您能告诉我以下技术在哪里使用以及它们有哪些标志/优势(如果有的话)? Open64 - 它是后端、前端还是两者兼而有之?哪些编译器使用它?
我是一名优秀的程序员,十分优秀!