组件

项目初期的技术选型 去年年底接了个活动页项目，需求很典型：首页轮播图 + 产品卡片横向滑动 + 一个带锚点的横向导航栏。客户明确要求“必须支持手指拖拽滑动”，且要兼容 iOS 和安卓主流机型（最低 i...

优化前：卡得不行 上周上线一个带类型提示的组件库文档站，本地 dev server 启动要 5.2 秒，热更新（HMR）平均延迟 3.8 秒，改一行 interface 就得等 4 秒才看到效果。最离...

优化前：卡得不行 上周上线一个后台管理页，Desktop First 的布局（就是 PC 端优先写，移动端靠媒体查询降级），结果 QA 直接发来个录屏：鼠标滚轮一划，页面卡顿半秒起步，Tab 切换面板...

项目初期的技术选型 上个月在做一个内部数据看板项目，需要给一堆指标卡片加「点击查看详情」的入口。最开始想直接用 Tooltip，但产品说「要能放表格、按钮、甚至带搜索的下拉」——Tooltip 显然撑...

优化前：卡得不行 去年底上线的用户注册页，有个邮箱字段要做「实时校验是否已注册」。逻辑很简单：输入完邮箱，失焦时发个请求查一下。但上线后客服天天反馈——“用户说输完邮箱要等好久才给提示，有人等不及直接...

我的写法，亲测靠谱 Tooltip 这玩意儿看着简单，但真在项目里用上三个月，我删了又改、改了又回滚，最后定稿的版本其实就十几行核心逻辑。不是用 fancy 的库，也不是抄 Ant Design 源码...

优化前：卡得不行 项目上线后，我们发现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，这一步很重要 首先，初...