组件

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

我的写法，亲测靠谱 在前端开发中，Dialog对话框是个常见的组件，用得多了自然就有一些经验和心得。今天就来聊聊我在实际项目中使用Dialog对话框的一些最佳实践。 基本结构和初始化 首先，我一般会这...

表单提交老是报错，我折腾了半天才发现问题 今天在做一个项目的时候，遇到了一个看似简单但特别烦人的表单提交问题。我用的是React和Axios，表单一提交就报错，折腾了半天才发现问题出在哪里。 排查过程...

为什么我要对比这几个3D模型方案 最近项目里需要用到3D模型，我研究了几个主流的技术方案。说实在的，这事儿挺头疼的，因为每个方案都有自己的优缺点。今天就来聊聊我用过的几个方案：Three.js、Bab...

表单布局，到底怎么选？ 在前端开发中，表单布局是一个很常见的需求。不同的项目和场景下，我们可能会选择不同的技术方案来实现表单布局。今天我就来聊聊几种主流的表单布局方案，看看哪个更灵活、哪个更省事。 为...