组件

为什么我要对比Flip翻转的几种实现方式 最近在项目里需要实现一个卡片翻转的效果，本来以为挺简单的，结果发现里面的坑还挺多。我主要尝试了三种实现方式：纯CSS、CSS + JavaScript、以及用...

我的写法，亲测靠谱 最近在项目里用TimePicker踩了不少坑，分享一下我的最佳实践代码和思路。我一般会用Ant Design的TimePicker组件，功能比较齐全，社区支持也好。下面是我在实际项...

我的写法，亲测靠谱 Notification通知这个功能，我用得挺多的，尤其是在后台管理系统里。这种弹出式的提示框，既能提醒用户操作结果，又不会打断用户的操作流。我自己总结了一套写法，用起来感觉还蛮顺...

项目初期的技术选型 这次的项目是一个内部管理系统，涉及到大量的数据展示和操作。因为菜单结构比较复杂，有三级嵌套，还要求支持动态加载。开始的时候我想用现成的组件库，像Ant Design或者Elemen...

先看效果，再看代码 最近在项目里做了个表格组件，说实话，Table这种东西看起来简单，但要做得灵活又实用，还是得花点心思。我用的是Ant Design的Table组件，亲测有效，基本能满足大部分需求。...

项目初期的技术选型 这次的项目是个移动端为主的电商活动页，需要实现一个商品展示轮播组件。当时团队讨论了几个方案：纯CSS动画、Swiper.js、还是自己手写一个Swipe逻辑。 考虑到时间成本和功能...

我的写法，亲测靠谱 Desktop First 这个话题，说实话我踩过不少坑。早期做响应式的时候，总想着用一套代码搞定所有设备，结果发现 Mobile First 虽然流行，但对某些后台管理系统或者数...

我为什么对比页面切换的方案？ 说实话，页面切换这事儿，看似简单，但实际开发中坑还挺多。尤其是现在前端框架五花八门，选型的时候总让人纠结。最近我在一个项目里，需要频繁在多个页面间切换，既要保证用户体验流...

先看效果，再看代码 最近在项目里做了一个动态表单生成器，核心功能是根据后端返回的配置数据，渲染出不同类型的表单项。比如输入框、下拉菜单、日期选择器这些常见的组件，都可以通过配置文件自动生成。 下面是一...

优化前：卡得不行 最近在做一个带手风琴效果的项目，原本觉得就是个简单的交互组件，结果上线后发现性能差到离谱。特别是在低配安卓机上，切换面板的时候卡得像PPT，完全没法用。最夸张的是有用户反馈说整个页面...

我的写法，亲测靠谱 Popconfirm这个组件我用得挺多的，尤其是在一些需要二次确认的操作场景下。它比普通的Modal更轻量，也比Confirm更灵活。分享一下我常用的写法： import { Po...

我的写法，亲测靠谱 做响应式开发这些年，我越来越觉得，工具本身不重要，关键是怎么用。CSS 框架换了一轮又一轮，但我现在基本就靠几个核心技巧撑全场。先上我目前最常用的响应式工具组合： <!DOC...

我为什么又要重新看图标这破事？ 说真的，我已经记不清第几次在项目里重构图标系统了。上周上线前两天，UI突然说要换一套设计语言，所有图标风格得统一，结果发现我们项目里图标五花八门：有的是 SVG inl...

优化前：卡得不行 上周上线了个文件上传功能，用户反馈说一上传大文件页面就卡死，点了没反应，刷新都不敢刷。我自己试了下，传个 300MB 的视频，内存直接飙到 1.5GB，Chrome 弹出“页面无响应...

我为什么又要重新看一遍Toggle？ 说实话，写这个组件的时候我心里有点烦。又不是没写过Toggle，但每次项目一换技术栈，或者UI设计扔过来一个“稍微不一样”的动效需求，我就得重新翻一遍方案。Rea...

项目初期的技术选型 前阵子在做一个后台管理系统的仪表盘页面，里面有个资源上传模块，用户上传大文件的时候得给个进度反馈。本来以为就是加个简单的 Progress 组件完事，结果实际做起来才发现，事情没那...

项目初期的技术选型 最近在做一个后台类的管理平台，核心功能是处理一批数据导入、校验和结果反馈。用户上传一个Excel，系统解析后返回成功多少条、失败多少条，并列出具体错误原因。一开始没想太多，直接用个...

说实话，我以前真没把Divider当回事 直到有次在做一个后台管理系统的页面重构，设计师甩过来的设计稿里，分割线到处都是：卡片之间、表单项之间、菜单分组……而且要求还特别细，有的要带文字居中，有的要虚...

优化前：卡得不行 这破下拉菜单我真是忍了好久。项目里有个商品分类的 Dropdown，数据量大概两三千条，结构是多级嵌套的，展开后能有五六层。最开始没想那么多，直接递归渲染，用户一点开就卡住两三秒，页...

又踩坑了，touchmove滚动失效 今天在搞一个移动端的 Drawer 抽屉组件，功能很简单：从右边滑出一个侧边栏。UI 搞完之后测试发现，在安卓机上抽屉里的内容根本滚不动，手指划来划去一点反应都没...