Skip to content

大家好,我是农村程序员,独立开发者,行业观察员,VSCode 插件批发商,前端之虎陈随易。

我会在这里分享关于 独立开发编程技术思考感悟 等内容,欢迎关注。

技术群与交朋友请在个人网站 👆 联系我,如果你觉得本文有用,一键三连 (点赞评论转发),就是对我最大的支持~


前两天,我发了这样一篇文章,推荐自己在用的全平台的前端 UI 库 - TDesign,主要用来解决我之前用 UI 框架遇到的 2 个问题。

  1. ElementUI 设计审美疲劳了。
  2. Arco-design-vue 7 个月没更新了。

基于此,经过一番调研,我选择了腾讯的TDesign作为我的主要 UI 框架,但是在实际使用中,也遇到了 2 个问题。

  1. 组件风格稍显蓬松,就是比较大气,但是不够精致。
  2. 弹框组件不能从中间弹出,而是从点击的按钮处飞过来。

上面的第 1 个问题,倒是没有太大影响,比起 7 个月没更新来说,这个还是可以忍受的。

但是,弹框组件不是从屏幕中间出现,而且不能设置,只能从旁边飞出,让我这种有时候对细节比较讲究的人来说,是无法忍受的。

如上动图,仔细看,弹框是从点击的按钮处斜着飞到屏幕中间的,这种体验令人极其难受,就好比把蛋糕切成了不规则的七巧板。

我了一遍设置参数,没有地方可以控制,或许用自定义 css 可以打补丁,但我也无法忍受这种用补丁来解决问题的方案。

所以,我又开始调研 UI 框架了,目前暂定了tinyvue这个 UI 框架,看看实际效果如何。

风格还是比较精致的,有一点shadcn/ui的感觉,而且弹框终于是从屏幕中间显示,而不是从一边飞出来了。

但也有一个令人不安的问题,就是不能完全居中显示,只能设置距离顶部多远的top属性,没有垂直且水平居中的center属性。

但总体来说呢,还是可以忍受的,因为实在是忍受不了从侧边飞出的割裂感。

另外,也有一些其他优点,一个个分享下。

自带了图表功能,一些图表数据的展示,不用额外安装和学习第三方图表库的使用了。

自带了图片剪裁功能,这个非常实用。

自带了走马灯功能,这个以前的网站经常用,现代化 UI 库带这个组件的不多见。

还有诸如流程图思维导图二维码等实用组件,在关键时刻可以非常方便地集成使用。

我曾经说过,我不用VSCode、我不写Vue、我不喜欢用 AI 写代码,但现在呢,我只用 VSCode、只用 Vue、代码 90%都是 AI 写的。

包括 UI 框架,我也体验过各种类型。我不知道一个有追求的程序员应该是怎样的,但真实地体验,客观地评价,追求更符合自己感受的 UI 框架,应该也是一种追求吧。

这也是我写成文章分享的原因,希望我的追求,可以给需要的朋友,提供一些参考价值。

最后呢,银弹理论真是哪里都存在啊,难道就没有银弹级 UI 框架吗?欢迎评论留言,告诉我你觉得是银弹的 UI 框架。


🔥 推荐我正在用的好物:

🔥 我的 VSCode 扩展商店:

👉 https://marketplace.visualstudio.com/publishers/chensuiyi

何以解忧,唯有代码。不忘初心,方得始终。