组件

项目背景和选型 最近做了一个电商后台管理系统，需求里要求有个全局的通知功能。说白了就是用户操作后给个反馈，比如“删除成功”“添加成功”这种提示。 本来想用Element Plus自带的Notifica...

又踩坑了，Cascader级联滚动失效 前几天在做一个后台管理系统的时候，用了Element Plus的Cascader组件。本来觉得挺简单的功能，结果在手机端测试时发现了个大问题：下拉菜单里的滚动条...

项目初期的技术选型 最近刚结束了一个后台管理系统，客户要求实现一个多功能的Modal模态框组件。说实话，当时觉得这需求挺常规的，不就是弹个框嘛。但实际做下来才发现，这里面门道不少。 考虑到项目使用的是...

骨架屏这事儿，为啥我非得比对这几个方案 最近在做项目的时候，碰到了一个需求：页面加载太慢，用户看着白屏等得不耐烦。产品经理跑过来跟我说，能不能加个骨架屏，给用户一点心理预期。说实话，这个需求挺常见，但...

项目初期的技术选型 最近刚做完一个内部管理系统，里面用到了不少组件库的组件。其中有个功能是用户提交审批流程，设计稿里明确要求要有步骤条来显示当前进度。当时我第一反应是用 Ant Design 的 St...

项目初期的技术选型 这次的项目是个内部管理工具，主要用来处理各种任务的状态展示。说实话，刚开始需求挺模糊的，客户只说要“直观地展示操作结果”。我当时想，这不就是个简单的提示框吗？用个Toast组件或者...

为啥要对比这几种上传方案？ 最近项目里又碰到了文件上传的需求，说实话，这种需求我做过不少次了，但每次都有点小坑。这次想着干脆把常用的几种上传方案拿出来对比一下，顺便总结下自己的踩坑经验。主要涉及的是原...

项目初期的技术选型 这个项目是一个电商后台管理系统，主要功能包括商品管理、订单处理和数据分析。刚开始设计界面布局时，我就意识到需要一个灵活的容器组件来承载这些复杂的功能模块。 我选择了基于CSS Gr...

我的写法，亲测靠谱 先说说我常用的组件定制写法吧。最近一个项目里用到了这样的方式： import BaseButton from './BaseButton'; const Cus...

Accordion手风琴又给我整了个大麻烦 最近在项目里做了一个手风琴组件，想着挺简单的，结果踩了不少坑。最头疼的问题是：当我快速连续点击不同的面板时，动画会变得特别卡顿，甚至直接卡死。折腾了大半天才...

优化前：卡得不行 最近在项目里用到了一个Progress动画，原本以为挺简单的，结果一上线就翻车了。用户反馈说页面滚动的时候动画卡得受不了，尤其是低端机上直接没法看。我自己试了一下，发现确实有问题，特...

又踩坑了，走马灯的自动播放怎么这么难伺候 最近在项目里写了个Carousel组件，本来以为是个简单需求，结果被自动播放功能折腾得够呛。问题出在移动端，页面滚动时走马灯还在自顾自地播放，导致性能消耗很大...

开头：为什么我决定对比这几种Switch开关方案 最近在项目里用到了Switch开关组件，需求很简单，就是个开/关的交互。但问题是，不同场景下这个小东西的需求差异还挺大：有时候要自定义颜色，有时候需要...

我的写法，亲测靠谱 分页这个功能，我写了不下几十遍了。说实话，一开始我也踩过不少坑，但经过几个项目的折腾，总结出一套自己觉得还不错的写法。核心代码其实不复杂，重点是思路要清晰。 下面是我常用的Pagi...

我的写法，亲测靠谱 Tooltip这个东西，看似简单，实际用起来坑还挺多。我自己在项目里踩过不少雷，折腾了不少时间才总结出一套还算靠谱的写法。 先直接上代码吧： <div class="...

项目初期的技术选型 这次的项目是个在线表单构建工具，用户可以拖拽组件生成表单。需求方给了两个硬性要求：一是性能要好，二是开发周期得短。考虑到团队里大家对Vue和React都熟，我一开始纠结到底用哪个。...

为什么我要对比这几个轮播方案？ 最近项目里用到了轮播组件，我发现这个看似简单的功能，选型起来还挺复杂。不同场景下，需求差异很大：有的需要复杂的动画，有的要支持移动端手势，还有的对性能要求特别高。我试了...

优化前：卡得不行 最近接手了一个老项目，里面的Dropdown下拉菜单真是把我折磨得够呛。一打开页面，点开下拉菜单，整个页面就卡得像老牛拉破车一样。特别是在列表项超过50条的时候，简直没法用。我试了几...

先看效果，再看代码 最近在项目里用到了 Notification 通知组件，效果很不错。简单来说，它就是那种右上角弹出来的消息提示，比如“保存成功”或者“网络错误”。我直接给个例子： const no...

先看效果，再看代码 最近用AntV做了一个数据可视化项目，说真的，这玩意儿一开始让我挺头疼的。但折腾了几天后，发现它的表现力确实不错。最让我印象深刻的是一个折线图的动态展示效果，数据一更新图表立马跟着...