组件

优化前：卡得不行 项目上线后，我们发现Progress进度条的性能问题特别严重。页面加载时，进度条卡顿明显，用户体验极差。有时候进度条甚至会卡在某个位置不动，导致用户误以为页面加载失败。这问题不解决，...

先看效果，再看代码 最近在项目里用了Snackbar消息组件，发现这东西真心好用。今天就来聊聊我怎么用的，顺便分享下踩坑经验。 最简单的用法，直接上手 首先，我们来看最简单的用法。如果你只是想快速展示...

先看效果，再看代码 兄弟们，今天咱们来聊聊内容校验。这玩意儿在前端开发中挺常见的，特别是在表单验证这块。直接上代码，你们感受一下： function validateForm(form) { cons...

项目初期的技术选型 最近刚结束了一个项目，客户需要一个简洁的UI来展示一些标签信息。在技术选型阶段，我们考虑了各种组件，最终选择了Chip标签。Chip标签的好处是它不仅可以展示文本，还可以包含图片、...

优化前：卡得不行 说真的，之前我们的 Notice 通知组件简直是噩梦。每次加载页面的时候，那个通知组件都卡得要命，用户反馈说体验特别差。最夸张的一次，加载时间竟然到了5秒多，这简直不能忍啊。 找到瘼...

优化前：卡得不行 前段时间，我接手了一个项目，里面有一个Offcanvas侧边栏。这个侧边栏在打开和关闭的时候，卡得要死，用户体验极差。有时候打开侧边栏要等好几秒，用户都快急死了。 找到瘼颈了！ 为了...

优化前：卡得不行 最近在做一个项目，里面的Typography排版部分真是让我头疼。加载时间长不说，滚动起来还卡顿，用户体验极差。优化前的加载时间大概在5秒左右，用户打开页面后基本上就是看着一个空白页...

先看效果，再看代码 最近在做一个移动端的项目，需要实现下拉刷新的功能。一开始觉得这应该挺简单的，不就是监听一下touch事件嘛？结果一顿折腾后发现，这事儿还真有点门道。 核心代码就这几行 先来点干货，...

Result组件的坑和解决方案 最近在项目里用了一个Result组件，结果发现了一些问题，折腾了半天终于解决了。今天就来聊聊这个过程。 问题来了，状态切换不灵 当时我在一个页面上用了Result组件来...

项目初期的技术选型 最近接了一个项目，需要实现一个文件上传功能。本来以为这事儿挺简单的，结果发现里面还是有不少坑的。项目背景就不多说了，反正就是需要用户上传一些文件，然后在后台处理这些文件。 一开始想...

优化前：卡得不行 最近在项目里用Tiptap富文本编辑器，一开始以为就是个简单的集成，没想到性能问题让我头疼了好几天。每次加载页面，那卡顿感简直让人想砸电脑。用户反馈说编辑器加载慢，滚动也不流畅，搞得...

IconPicker图标选择，折腾了半天终于搞定 最近在做一个项目，需要一个图标选择器（IconPicker），让用户可以方便地选择和使用图标。一开始我以为这很简单，毕竟网上现成的库一大堆，结果没想到...

生成条形码时遇到了鬼打墙 最近在项目里要生成条形码，本来以为很简单的事情，结果折腾了半天发现根本不是那么回事。这里我踩了个坑，先说说问题吧。 用JS生成条形码，为啥老是失败 我一开始用的是一个很流行的...

我的写法，亲测靠谱 Quill 是一个非常强大的富文本编辑器库，我用过不少次了。今天就来分享一下我在使用 Quill 过程中的一些实战经验，希望能帮到大家。 初始化 Quill，这一步很重要 首先，初...

为什么我要对比这几个方案 在前端开发中，Drawer抽屉组件是一个非常常见的需求。无论是用来展示菜单、详情信息还是其他内容，一个好用的Drawer组件都能大大提升用户体验。我自己在项目中也经常用到Dr...

优化前：卡得不行 最近在搞一个项目，里面用到了一个TimePicker组件。这个组件本来是挺好的，但是不知道为啥，一到实际项目里就变得特别卡。用户点一下时间选择器，半天才出来，有时候甚至要等上好几秒，...

项目初期的技术选型 最近我们接了一个新项目，需要做一个交互比较丰富的页面。客户希望在用户滚动页面时，能够触发一些动画效果，比如元素的淡入淡出、背景色的变化等。一开始我们考虑过用纯CSS实现，但发现有些...

优化前：卡得不行 最近在做一个项目，里面有一个挺复杂的菜单组件。这个菜单里有几十个选项，还有多级子菜单，结果性能问题就来了。用户一打开页面，菜单加载得特别慢，有时候甚至卡顿到无法忍受。说实话，我第一次...

优化前：卡得不行 前几天，我在做一个项目时遇到了一个很头疼的问题：TagInput标签输入组件的性能实在是太差了。用户每输入一个字符，页面就会卡顿一下，简直让人无法忍受。尤其是在移动端，用户体验简直是...

为什么我要对比这几个Skeleton骨架屏方案 最近在好几个项目里都用到了Skeleton骨架屏，主要是为了解决页面加载时的空白问题。这玩意儿其实挺重要的，尤其是对那些需要从后端拉取大量数据的页面来说...