组件

我的写法，亲测靠谱 在前端项目里用图标，说简单也简单，说坑也真不少。我一开始也是直接拿 SVG 文件往项目里塞，或者用 iconfont 一通复制粘贴，结果后期维护起来简直噩梦。现在我基本固定了一套做...

项目初期的技术选型 上个月接了个后台管理系统重构的活，UI 组件库用的是 Ant Design，但客户提了个需求：全局消息提示（Message）要能自定义样式，还要支持“批量操作成功后合并提示”——比...

自定义校验，到底该用谁？ 最近在重构一个老表单系统，里面一堆校验规则写得又臭又长。我实在忍不了，决定重新梳理一下自定义校验的方案。市面上常见的无非就三种：原生 HTML5 + JS 手搓、用 vali...

先看效果，再看代码 最近在重构一个后台系统，发现原来的 Select 用的是原生 <select>，样式丑得没法看，还不能自定义。老板说“能不能像 Ant Design 那样？”——行吧，...

优化前：卡得不行 上周上线一个新功能，用户点击头像弹出个人资料气泡（Popover），结果测试一反馈：“点一下卡两秒，滚动页面直接掉帧”。我一开始还不信，本地跑着挺顺的啊。结果一上真机，好家伙，iOS...

为啥我要折腾 Tree 组件？ 最近项目里又遇到树形结构的需求，用户权限配置、分类管理、文件目录……绕不开。但每次用 Tree 都像在“选老婆”——没有完美的，只有更合适的。市面上主流方案就那几个：A...

项目初期的技术选型 上个月接了个后台管理系统的活，需求里有个“地区选择器”，要支持省市区三级联动。一开始我想直接用 Ant Design 的 Select，但产品经理说：“用户反馈下拉太卡，而且选项太...

我的写法，亲测靠谱 Tree 组件在后台管理系统里太常见了，权限配置、组织架构、文件目录……几乎每个项目都得搞一个。我一开始图快，直接拿 UI 库的 Tree 组件往里塞数据，结果后面改需求时差点被自...

我的写法，亲测靠谱 用 Grid 布局这几年，我踩过不少坑，也总结出一套自己觉得最稳的写法。不是什么高深理论，就是实打实项目里反复验证过的套路。 我一般不会一上来就写 grid-template-ar...

优化前：卡得不行 上个月我们项目里加了个全局 Tooltip 组件，本来以为就是个简单的小功能，结果上线后用户反馈“鼠标一划就卡”，“页面滚动都变慢了”。我一开始还不信，本地跑起来也挺顺的，直到在低配...

优化前：卡得不行 上周改一个老项目的搜索组件，用户反馈“输个字等半天，结果还没出来”，我本地跑了一下——好家伙，输入框每敲一个字母，页面直接卡住 1 秒多，连续打几个字，浏览器直接白屏转圈。Chrom...

移动端横屏时，我的响应式布局直接崩了 上周改一个老项目，本来只是加个新页面，结果在 iPhone 横屏模式下，整个布局直接糊成一团——导航栏挤到一半，图片溢出屏幕，按钮点都点不到。我一开始以为是媒体查...

先看效果，再看代码 最近在做一个后台管理页的详情展示，产品经理说“这个信息要一目了然，别堆成一团”。我第一反应就是上 Descriptions 描述列表。你懂的，那种左边 label、右边 value...

我的写法，亲测靠谱 做表单校验这么多年，我早就放弃了用框架自带的那套“看起来很美”的规则。尤其是自定义校验，很多人一上来就写个 validator: (value) => value.lengt...

项目初期的技术选型 上个月接手一个后台管理系统的重构，其中一个模块需要大量使用下拉菜单（Dropdown）。一开始觉得这不就是个基础组件嘛，随便找个 UI 库套一下就行。但产品提了几个需求让我有点头疼...

先看效果，再看代码 做前端这些年，Select 组件看似简单，但真要写得顺手、兼容性好、还能支持搜索和异步加载，其实挺折腾的。我一开始也直接用原生 <select>，结果产品说“能不能加个...

又踩坑了，iOS Safari 里 fixed 元素滚动抖动 上周改一个移动端的弹窗组件，本来以为就是个简单的 fixed 定位加个 overlay，结果在 iOS Safari 上一测，整个页面疯狂...

先看效果，再看代码 做表单的时候，Radio 单选框几乎是绕不开的组件。别看它简单，真用起来各种细节问题一大堆。我之前在一个问卷项目里，光是 Radio 的选中状态和数据同步就折腾了大半天。今天分享几...

先上代码，能跑再说 我写 Select 组件从来不是从“什么是下拉框”开始的，而是直接撸代码。项目 deadline 压着，哪有时间看文档？下面这个基础版是我亲测有效、在多个项目里复用过的： <...

先上代码：主题切换到底怎么搞 别扯什么 CSS 变量原理了，我直接给你一套亲测能跑通的方案。这玩意儿我在三个项目里用过，包括一个后台管理系统和两个对外站点，基本没翻车。 核心思路就一个：用 CSS 自...