
前端
文章平均质量分 87
Kagol
Kagol,OpenTiny 开源社区负责人,Vue DevUI 开源组件库和 Fluent Editor 富文本编辑器创建者,专注于前端组件库建设和开源社区运营。公众号:前端开源星球,博客:https://kagol.github.io/blogs
展开
-
我可以写代码写到退休吗?记录我的10年前端技术之旅
希望通过分享我个人的经历,给技术人一点信心和方向,原来一直做技术也可以做十年,写代码不仅是我赖以谋生的手段,更是一种生活方式,通过写代码我认识很多志同道合的朋友,在写代码的路上,我也在欣赏和探索这世界。原创 2024-07-24 19:55:04 · 1221 阅读 · 0 评论 -
TinyVue 3.15.0 正式发布,推出全新的 Charts 图表组件底座,功能更强、图表更丰富!
TinyVue 3.15.0 主要重构和优化了Charts图表组件,增加多主题适配能力,优化图表的 UI 和交互,还提供低码化开发、 Design Token 、响应式、大数据性能优化以及无障碍能力等原创 2024-05-06 09:11:18 · 763 阅读 · 0 评论 -
重回铁王座!时隔5年!Quill 2.0 终于发布啦
2024年4月17日,Quill 2.0 正式发布🎉期待了5年,我怀着激动的心情立马升级体验了下,本文我就带大家一起看看 Quill 2.0 有哪些重大更新。原创 2024-04-25 07:52:51 · 1435 阅读 · 0 评论 -
但因热爱,愿迎万难,OpenTiny 社区增加一枚前端程序媛贡献者
我们非常高兴地宣布,OpenTiny Vue Playground 正式上线!在此非常感谢 xiaoy 同学对 OpenTiny Vue Playground 项目的贡献!原创 2023-08-03 07:47:52 · 99 阅读 · 0 评论 -
华为云 OpenTiny 跨端、跨框架企业级开源组件库项目落地实践直播即将开启!
OpenTiny 组件库建设者、开源社区负责人 Kagol 与前端杨村长联合直播,盛情邀请你一同共同揭秘:OpenTiny 的落地实践之路。就在周五晚8点,前端村长直播间,等你来撩~原创 2023-04-20 23:51:15 · 178 阅读 · 0 评论 -
参与开源之夏 x OpenTiny 跨端跨框架 UI 组件库贡献,可以赢取奖金!这份《OpenTiny 开源贡献指南》请收好!
本文主要手把手教大家参与 OpenTiny 开源项目。从阅读项目的 README 文档了解项目是什么,到尝试使用 OpenTiny,再到通过阅读贡献指南文档,将项目启动起来,再到介绍 OpenTiny 项目目录和基本原理,最后是通过带大家分析和解决项目中实际的用户问题,走完整个贡献的流程。为大家后续参与 OpenTiny 更多贡献做一个指引和入门。原创 2023-04-16 23:38:42 · 325 阅读 · 0 评论 -
GitHub Pulse 是什么?它是否能衡量 OpenTiny 开源项目的健康程度?
Pulse 是“脉搏”的意思,就像一个人要有脉搏才能算是一个活人,一个开源项目要有“脉搏”才能算是一个“活”的开源项目,这个单词非常形象地表示了开源项目的健康程度。脉搏是正常的,开源项目才是健康的。原创 2023-04-09 22:12:05 · 254 阅读 · 0 评论 -
OpenTiny 的这些特色组件,很实用,但你应该没见过
业界组件库有的组件,OpenTiny 也都有,业界组件库没有的组件,OpenTiny 也有。本文将给大家介绍 OpenTiny 的一些特色组件。原创 2023-04-08 08:00:00 · 232 阅读 · 0 评论 -
一个 OpenTiny,Vue2 Vue3 都支持!
TinyVue 是一套跨端、跨框架的企业级 UI 组件库,支持 Vue 2 和 Vue 3,支持 PC 端和移动端。今天给大家介绍如何同时在 Vue2 和 Vue3 项目中使用 TinyVue。原创 2023-04-07 07:45:03 · 233 阅读 · 0 评论 -
历史性的时刻!OpenTiny 跨端、跨框架组件库正式升级 TypeScript,10 万行代码重获新生!
本文主要介绍TS基础及在Vue中的实践,附赠《JS项目转TS指南》,旨在帮助还在使用JS的朋友快速使用TS,享受TS带来的丝滑体验。原创 2023-03-30 07:23:49 · 356 阅读 · 0 评论 -
差两个像素让我很难受,这问题绝不允许留到明年!
vaebe 同学持续5个月,累计提交34个PR,不仅完美地修复了这个组件尺寸不统一的问题,还完善了相关组件的单元测试,非常专业!原创 2022-12-23 22:05:50 · 93 阅读 · 0 评论 -
把时间沉淀到自己的热爱里 | Kagol 的 2022 年终总结
如何将时间沉淀下来?虽然时间是无形的,看不见、摸不着,也无法贮存,但却可以通过有形的东西沉淀下来。当你花时间写完一篇文章,时间就沉淀到文字中;当你录制了一个有趣的视频,时间就沉淀到视频里;当你花了一整天的时间整理房间,时间就沉淀到你每天的起居环境里;当你去健身房撸铁,时间就沉淀到每一块结实的肌肉里;当你种了一盆花,时间就沉淀到绽放的每一朵鲜花中。2022年你的时间都沉淀到哪里了呢?原创 2022-12-17 09:26:38 · 125 阅读 · 0 评论 -
React DevUI 18.0 正式发布
2021年11月,由 Jay 主导发起了 React DevUI 开源组件库项目,经过一年多的孵化🐣,终于在`2022年11月23日`发布 18.0.0 正式版本🎉原创 2022-12-07 23:08:41 · 144 阅读 · 0 评论 -
老板:你为什么要选择 Vue?
假如你是团队的前端负责人,现在老板要拓展新业务,需要开发一个 Web 应用,让你来做技术选型,你之前用 Vue 比较多,对 Vue 比较熟悉,希望能在团队内部推行 Vue 技术栈,你会怎么跟老板说呢?原创 2022-12-06 08:00:00 · 995 阅读 · 0 评论 -
如何解决异步接口请求快慢不均导致的数据错误问题? - DevUI
DevUI 是一款面向企业中后台产品的开源前端解决方案,它倡导沉浸、灵活、至简的设计价值观,提倡设计者为真实的需求服务,为多数人的设计,拒绝哗众取宠、取悦眼球的设计。如果你正在开发 ToB 的工具类产品,DevUI 将是一个很不错的选择!引言搜索功能,我想几乎任何业务都会涉及,这个功能的特点是:用户可以在输入框中输入一个关键字,然后在一个列表中显示该关键字对应的数据; 输入框是可以随时修改/删除全部或部分关键字的 如果是实时搜索????(即输入完关键字马上出结果,不需要额外的操作或过多的原创 2021-05-08 08:05:56 · 2669 阅读 · 0 评论 -
让我们一起建设 Vue DevUI 项目吧!
DevUI Design 是从华为云 DevCloud 众多业务孵化出来的一套设计体系,DevUI 倡导沉浸、灵活、至简的设计价值观,提倡设计者为真实的需求服务,为多数人进行设计,拒绝哗众取宠、取悦眼球的设计。目前已经基于这套设计体系,开源了 NG DevUI 组件库,社区有很多开发者喜欢我们的组件库,并且希望 DevUI 能推出一套 Admin 系统(还有小伙伴主动提出帮忙测试,非常感谢和感动????),能开箱即用,能定制主题等。为了不负喜爱 DevUI 的小伙伴们的期望,原创 2021-05-01 18:11:09 · 736 阅读 · 0 评论 -
号外号外!DevUI Admin V1.0 发布啦!
4月是鸟儿的月份,是木棉花的月份,是 DevUI Admin 发布的月份。广受大家期待的 DevUI Admin 终于迎来了第一个开源 Angular 版本!DevUI Admin 是一个企业级中后台前端/设计解决方案,依据 DevUI Design 设计价值观,我们在自身的设计规范和基础组件的基础上,构建出了后台管理模板 DevUI Admin。数月的孵化,DevUI Admin 为你带来了搭建中后台前端系统的一套解决方案:响应式:适应不同屏幕大小,为用户提供更舒适的界面与用户体验;..原创 2021-04-29 00:40:35 · 312 阅读 · 0 评论 -
2021 年最值得推荐的 7 个 Angular 前端组件库 - DevUI
摘要:DevUI 是一款面向企业中后台产品的开源前端解决方案,它倡导沉浸、灵活、至简的设计价值观,提倡设计者为真实的需求服务,为多数人的设计,拒绝哗众取宠、取悦眼球的设计。如果你正在开发 ToB 的工具类产品,DevUI 将是一个很不错的选择!DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)官方交流:添加DevUI小助手(devui-of原创 2021-04-19 23:37:03 · 1145 阅读 · 0 评论 -
立完flag,你可能需要对flag进行量化
DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)官方交流:添加DevUI小助手(devui-official)DevUIHelper插件:DevUIHelper-LSP(欢迎Star)引言当你的能力足够,并且获得领导的信任之后,很自然地就会去承担更大、更重要的责任,比如成为大中型业务的Owner。大中型业务指的是该业务足够大,足够复.原创 2021-01-17 11:52:42 · 271 阅读 · 1 评论 -
html2canvas实现浏览器截图的原理(包含源码分析的通用方法)
DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)官方交流:添加DevUI小助手(devui-official)DevUIHelper插件:DevUIHelper-LSP(欢迎Star)引言有时用户希望将我们的报表页面分享到其他的渠道,比如邮件、PPT等,每次都需要自己截图,一是很麻烦,二是截出来的图大小不一。有没有办法在页面提供一..原创 2020-12-20 17:17:49 · 4661 阅读 · 0 评论 -
在瀑布下用火焰烤饼:三步法助你快速定位网站性能问题(超详细)
DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)官方交流:添加DevUI小助手(devui-official)DevUIHelper插件:DevUIHelper-LSP(欢迎Star)引言性能,是一个问题。每个项目成长到一定的规模,都几乎必然要遇到性能问题,当遇到性能问题时,我们是:一脸懵逼,就知道很卡、很慢,不知道为什么原创 2020-12-13 09:14:56 · 339 阅读 · 0 评论 -
大厂是如何用DevCloud流水线实现自动化部署Web应用的?
DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)官方交流:添加DevUI小助手(devui-official)DevUIHelper插件:DevUIHelper-LSP(欢迎Star)前言本文以DevUI组件库网站为例,介绍如何用DevCloud流水线自动化部署一个前端应用。本文可以认为是《手把手教你搭建自己的Angular组.原创 2020-12-06 12:58:52 · 885 阅读 · 0 评论 -
前端有了这两样神器,再也不用追着后台要接口啦
DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)官方交流群:添加DevUI小助手(微信号:devui-official)DevUIHelper插件:DevUIHelper-LSP(欢迎Star)前言之前发过一个沸点,聊到前端为了提升业务交付效率,有必要去除对上游的依赖,这次想给大家分享下我自己在去后台依赖方面的一些实践,欢迎大家一..原创 2020-12-03 22:05:58 · 389 阅读 · 0 评论 -
手把手教你使用Vue/React/Angular三大框架开发Pagination分页组件
DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)引言“他在正午、黄昏,在一天里的许多时刻去感受它、记录它,结果也就让我们看到了那么多的不同。他描绘它的角度没变,但它的面目却极大地改变了。”19世纪著名的印象派画家莫奈,喜欢对着同一处景物,分别画出对象在不同时间,不同光线下的色彩变化。比如不同季节的三株白杨:比...原创 2020-12-01 22:55:28 · 1246 阅读 · 2 评论 -
现代富文本编辑器Quill的模块化机制
DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)引言本文基于DevUI的富文本编辑器开发实践和Quill源码写成。EditorX是DevUI开发的一款好用、易用、功能强大的富文本编辑器,它的底层基于Quill,并对其做了大量扩展,以增强编辑器的能力。Quill是一款API驱动、支持格式和模块定制的开源Web富文本编辑器,目前在..原创 2020-11-29 19:17:30 · 1120 阅读 · 6 评论