组件

先上手，再问为什么 我之前做项目，经常被设计师追着问：图标怎么又糊了？为什么加载那么慢？能不能统一管理？一开始我也用最原始的办法——直接扔 SVG 文件到 assets 里，用 img 标签引用。结果...

优化前：卡得不行 上个月接手一个老项目，里面有个 Dialog 弹窗组件，一打开就卡成 PPT。用户点一下“确认订单”，页面直接卡住 3 秒多，手指滑动没反应，连关闭按钮都点不动。测试同事直接在群里@...

先看效果，再看代码 说实话，Footer 这东西看起来简单，但真做起来坑不少。我一开始也觉得不就是页面底部放点版权信息、链接啥的嘛，结果上线后各种对齐问题、移动端适配翻车、甚至在某些浏览器里直接“消失...

又踩坑了，移动端滑块拖不动 昨天改一个商品筛选页的滑块组件，本来以为就是个简单的 range input 替换，结果在真机上一测，手指拖动根本没反应——不是卡顿，是完全没触发。我一开始还以为是 z-i...

先上代码，再聊细节 最近项目里又用到了 Cascader 级联选择器，说实话这东西看着简单，真要搞顺手还是得折腾一阵子。我直接贴个最常用的写法——基于 Element Plus 的 Vue 3 实现：...

为什么我最近老在折腾 Stack 堆叠？ 上周改一个卡片堆叠的交互组件，产品经理说“要像抖音那样滑动切换”，我一开始以为很简单，结果发现不同方案写起来差别巨大。有的用绝对定位硬怼，有的靠 CSS tr...

项目初期的技术选型 上个月在做一个移动端的配置管理后台，需求是展示大量结构化的数据条目，每条包含标题、描述、状态、操作按钮等。UI 设计稿里用的是类似 iOS 设置页那种一行一行的单元格样式，产品经理...

项目初期的技术选型 上个月接了个需求，要在首页加个轮播图，展示客户案例。一开始觉得这不就是个基础组件嘛，随便找个现成的库套一下就行。但产品非要支持手势滑动、自动播放、带指示器，还要在低端安卓机上流畅—...

优化前：卡得不行 上周我接手了一个老项目，里面有个 Modal 弹窗组件，每次打开都像在加载整个宇宙。用户点一下按钮，页面直接卡住 3～5 秒，连滚动条都动不了，鼠标转圈圈转到怀疑人生。我自己测试的时...

为什么又要折腾样式方案？ 说实话，每次新项目开始，我都得重新纠结一遍用什么样式方案。CSS Modules？Styled Components？Tailwind？还是老老实实用原生 CSS？看起来都是...

优化前：卡得不行 我们项目里有个「消息中心」页，顶部是用户头像+未读消息徽章（Badge），右上角还有个「购物车」徽章，底部 TabBar 上还堆了 4 个带数字的 Badge。本来以为就几个小红点，...

我的写法，亲测靠谱 表单联动这事，我前后在三个中后台项目里反复折腾过：CRM的客户信息页、电商后台的SKU配置、还有个政府系统的多级审批表单。一开始我也用过各种“高大上”的方案——watch + co...

谁更灵活？谁更省事？Scale缩放的三种实战方案对比 做可视化编辑器、图片标注工具、PDF预览页，甚至一个带缩放的地图组件——只要用户要“捏合放大”“滚轮缩放”，你就绕不开 Scale。我去年重构了两...

谁更灵活？谁更省事？ 分页组件这玩意儿，看起来简单，写起来真能让你半夜改完第三版还发现“上一页”在第一页时居然没禁用。我做过不下二十个带分页的项目，从纯静态表格到实时搜索+无限滚动混合场景，踩过的坑足...

Audio.play() 在 iOS 上静音失效？别急，先关掉“静音开关” 今天上线前测音频组件，发现一个离谱问题：在 iPhone Safari 里点播放按钮，audio.play() 调用成功、没...

谁更灵活？谁更省事？ 上周又接到个需求：在富文本编辑器里加 Mention 功能，@用户后自动高亮、带下拉建议、支持回车/Tab 选中、还能嵌套在 textarea 或 contenteditable...

我的写法，亲测靠谱 Treemap 我用过三回，两回在数据看板项目里，一次在内部监控系统。第一次是照着 D3 官方例子抄的，结果上线后用户一缩放浏览器，颜色块全乱了；第二次改用 ECharts，但发现...

优化前：卡得不行 项目上线前压测，客户现场反馈：“拖个列表，手指都抬起来了，item还在半路飘着”。我本地一试——50条数据，Chrome DevTools 里 FPS 直接掉到 8fps，touch...

又踩坑了，Select下拉菜单在iOS上点不中 今天上线前测到一个诡异问题：我们自研的 Select 组件，在 iOS Safari 里点开下拉后，选项列表明明渲染出来了，但点任何一项都没反应——既不...

谁更灵活？谁更省事？ 我做响应式组件快六年了，从最早手写媒体查询+JS监听 resize，到后来用 Bootstrap 栅格、Tailwind 的断点类，再到最近几个项目里试水 CSS Contain...