共计 4653 个字符，预计需要花费 12 分钟才能阅读完成。
古代管理学之父德鲁克在其经典著作《行之有效的管理者》中对工夫有一段精妙的阐述，其要点如下：
- 工夫是一项限度因素，任何生产程序的产出量，都会受到最罕见资源的制约，而工夫就是其中
最罕见的资源。 - 工夫也是
最非凡的一项资源，资金能够筹集，人力也总能够雇到，只有工夫是咱们租不到、借不到，也买不到，更不能以其余伎俩来取得的。 - 工夫的供应，丝毫没有弹性，不论工夫的需要有多大，供应
绝不可能减少。 - 工夫昙花一现，根本无法储存，工夫永远是
最短缺的。 - 工夫也齐全
没有替代品，咱们能够减少常识，也能够减少人力，但没有任何货色能够代替已失去的工夫。 - 做任何事件都少不了工夫，工夫是
必须具备的一个条件，任何工作都是在工夫中进行的，都须要耗用工夫。
1 如何将工夫积淀下来
尽管工夫是有形的，看不见、摸不着，也无奈储存，但却能够通过无形的货色积淀下来。
- 当你花工夫写完一篇文章，工夫就积淀到文字中
- 当你录制了一个乏味的视频，工夫就积淀到视频里
- 当你花了一整天的工夫整顿房间，工夫就积淀到你每天的起居环境里
- 当你去健身房撸铁，工夫就积淀到每一块牢固的肌肉里
- 当你种了一盆花，工夫就积淀到绽开的每一朵鲜花中
如果你创立了一个开源我的项目，工夫就：
- 积淀到你写的每一行代码里
- 积淀到你为我的项目编写的每一篇文档里
- 积淀到你提交或解决的每条 Issue / PR 里
- 积淀到你的每一次代码检视意见和探讨里（图 1）
- 积淀到你组织的每一次会议中（图 2）
- 积淀到你与社区成员的每一次互动中
图 1：代码检视
<img src=”https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f314b5161f374fac80810f3c9a68b200~tplv-k3u1fbpfcp-watermark.image?” width=”500″ />
图 2：开源社区会议
2 开源：将工夫积淀到代码里
2022 年大部分工夫都投入到了 Vue DevUI 开源我的项目的建设中，并于往年 9 月 1 日公布了 1.0 版本。
2.1 过程
从过程上来看，我集体的奉献次要如下：
- 奉献
5000多行代码（除去pnpm-lock.yaml等有效代码提交） - 提交
200多个 PR - 报告
90多个 Issue - 提出
200多条代码检视意见 - 公布
40多个版本 - 撰写
8篇推广文章 - 组织
10多场线上沟通会 - 加入
1场线下开源会议分享
<img src=”https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c1549b9e62564ba3a77bbd0023e51f29~tplv-k3u1fbpfcp-watermark.image?” width=”500″/>
图 3：Commits
<img src=”https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/df80bd8c740c4eab8177563735142903~tplv-k3u1fbpfcp-watermark.image?” width=”600″ />
图 4：PR
Vue DevUI 推广文章：
👍：点赞
🔖：浏览
- 295👍34526🔖 Vue DevUI 1.0 正式公布
- 173👍33991🔖 Vue DevUI：100 多位贡献者继续 530 多天，写了近 60000 行代码，这个新鲜出炉的 Vue3 组件库你不想尝试下吗？
- 42👍10162🔖 20 行代码，给你的我的项目减少 DevUI 主题切换能力
- 25👍1612🔖 摸索开源社区开发模式：vue-devui 组件库 1.0 版本公开测试
- 10👍987🔖 请收下这份《Vue DevUI 公开测试参考指南》
- 11👍889🔖 DevUI 开源社区 Issue / PR 周报第 2 期：本周迎来奉献的超级大暴发，共 10 位贡献者提交 26 个 PR
- 9👍1028🔖 DevUI 开源社区 Issue / PR 周报第 1 期
- 8👍1094🔖 如何在 1 分钟之内创立一个符合规范的 DevUI 组件
2.2 成绩
从后果上来看，通过踊跃的社区经营：
- 减少
35位贡献者 - 减少
476颗 Star - 减少
1057个 PR - 减少
223个 Issue - 微信社群减少
150多名成员 - 掘金减少
800多关注者 - 掘金减少近
30 万浏览 - 掘金减少
2465个点赞
<img src=”https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8d27db987f45490983c9e8ddd2e1b280~tplv-k3u1fbpfcp-watermark.image?” width=”600″ />
图 5：Star trends
<img src=”https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8e64733f9fea40ac84123abacb459e05~tplv-k3u1fbpfcp-watermark.image?” width=”600″ />
图 6：GitHub card
<img src=”https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0fc12aa5f23f43b9bedc007ab45860ca~tplv-k3u1fbpfcp-watermark.image?” width=”600″ />
图 7：掘金数据
以下是我集体 2022 年的 GitHub 奉献图：
图 8：Contributions
以下是我在中国开源年会现场的分享：
<img src=”https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/32c3d6b41c6c434dac940cc744d0b3ee~tplv-k3u1fbpfcp-zoom-in-crop-mark:4536:0:0:0.awebp?” width=”800″ />
图 9：Kagol 在中国开源年会现场的分享
2.3 社区 > 代码
Vue DevUI 获得的小小问题次要依赖于社区的敌人们，我只是起到一个将大家团结在一起的角色，通过 Vue DevUI 这个开源我的项目，我意识了很多社区的优良开发者，并跟他们建设了很好的关系。
我感觉这应该就是开源社区应有的样子：
一群来自全国各地（甚至寰球各地）的开发者，因为有着同样的趣味和抱负汇集在一起，一起开发一个有价值的开源我的项目，大家真诚地互相交换、分享和合作，一起集思广益解决问题，一起享受胜利的喜悦，也一起分担失败的苦楚。
以前我感觉本人做的开源我的项目肯定要有很多 Star，要有很多下载量，这样才有意义、才有价值，当初我感觉做开源自身就是意义，通过做开源我的项目播种的友情、取得的成长，这自身就是价值。
旅行并不是达到目的地才是旅行，从你出门的那一刻起，风光就曾经呈现！
<img src=”https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a0d6d826c98d421a9a5c48e7b7c905dd~tplv-k3u1fbpfcp-watermark.image?” width=”800″ />
图 10：Contributors
3 写作：将工夫积淀到文字中
除了做开源我的项目能够将工夫积淀下来，写文章也能够。
写技术文章是一个很好的 自我总结 和自我展现 的形式，我很喜爱写作，当初有机会负责开源经营，可能也是领导看我写作能力还能够，过后在本人的集体公众号（Kagol）上公布了几篇解析 Quill 原理的文章。
往年写的技术文章比拟少，技术文章写了 10 篇，推广文章写了 10 多篇，开源经营的文章也写了 3 篇（以前没怎么写过，当初缓缓积攒了一些开源社区经营的教训，所以缓缓地也会给大家进行分享）。
技术文章次要写了一个迷你的组件设计系列，给大家分享了我本人的组件设计观：
- 72👍6297🔖 前端开发的积木实践——像搭积木一样做前端开发
- 49👍3934🔖 用积木实践设计一个灵便好用的 Carousel 走马灯组件
- 13👍2706🔖 CarouseIndicator 组件利用：0 行 JS 代码实现难看的手风琴式折叠卡片成果
- 21👍2003🔖 用积木实践设计的 Carousel 组件都有哪些乏味的玩法？
另外也写了几篇零散的文章：
- 11👍1560🔖 从 CDK Tree 源码学习如何开发一个 UI 无关的 Tree 组件
- 288👍23484🔖 前端 Vuer，请收下这份《Vue3 中应用 JSX 扼要语法》
- 81👍4043🔖 前端 Vuer，请给你的我的项目加上 ESLint
- 19👍1711🔖 DEVUI 蓝掘金主题上线啦🎉
还有三篇分享我对开源经营的一些思考：
- 20👍1314🔖 DevUI 开源教训：从启动开源我的项目到经营开源社区
- 8👍3083🔖 从 0 到 1 开始经营你的开源我的项目——华为云 DevUI 成长教训分享
- 28👍1325🔖 经营一个开源社区到底意味着什么？
有三篇发在我集体的掘金账号（因为是刚刚开始经营的集体掘金账号，数据十分惨淡就不贴出来），大家多多反对下我的集体掘金账号呀，后续我也会继续分享一些前端和开源方面的教训。
- React DevUI 18.0 正式公布🎉
- 好慌，我代码没了！不会是变基变出问题了吧？
- 老板：你为什么要抉择 Vue？
写作方面往年做得不够，明年加油吧！
<img src=”https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/adcbb295b05d491caaed97c9036be8a7~tplv-k3u1fbpfcp-zoom-in-crop-mark:4536:0:0:0.awebp?” width=”400″ />
除了我本人写的文章，DevUI 团队账号中有不少是社区敌人们的投稿，非常感谢敌人们对 DevUI 和我的大力支持，尤其是 ErKeLost 同学，给咱们投稿了三篇高质量技术文章，以下是他们的投稿文章：
- 58👍1381🔖 手把手教你开发一个疾速、高性能、高质量压缩图片的 Vite 插件 – ErKeLost
- 249👍11787🔖 🚀Turborepo：公布当月就激增 3.8k Star，这款超神的新兴 Monorepo 计划，你不打算尝试下吗？– ErKeLost
- 53👍2655🔖 Ripple：这个广受好评的水波纹组件，你不打算理解下怎么实现的吗？– ErKeLost
- 31👍3053🔖 骨架屏优化——细粒度模式的实现 – ivestszheng
- 47👍3406🔖 手把手教你实现 Tree 组件搜寻过滤性能，干货满满！– daviForevel
另外也要感激咱们团队成员的大力支持，特地是 汤汤 Tang和 rhlin 同学，以下是他们的投稿文章：
- 25👍2157🔖 Angular 依赖注入模式的利用和玩法案例 – rhlin
- 92👍5695🔖 如何应用 Monaco Editor 做一个在线的网页代码编辑器 – 汤汤 Tang
- 15👍1413🔖 Angular PWA 渐进式 Web 利用 – 汤汤 Tang
- 16👍1156🔖 TypeScript AST (形象语法树) 联合 Angular Schematics 的利用 – 汤汤 Tang
4 2023 年瞻望：将工夫积淀到本人的酷爱里
2023 年我仍然会将次要精力投入开源和写作，另外也会尝试：
- 经营本人的集体公众号（欢送关注我：
Kagol）和掘金账号，分享本人在前端和开源两个方向上的教训，欢送大家关注我 - 加入一些内外部的分享，锤炼本人的演讲能力，减少集体影响力
- 尝试写一本掘金小册（羞愧，2021 年立的 flag 到当初还没实现）
最初给大家举荐一部十分治愈的纪录片：《人生果实》。
— END —
我是 Kagol，如果你喜爱我的文章，能够给我点个赞，关注我的公众号 Kagol，一起交换前端技术、一起做开源！
