组件

我的写法，亲测靠谱 Props 设计这事，我干了快六年，从 Vue 2 到 Vue 3，再到 React 18 + TS，踩过的坑比组件还多。最开始我真以为 props 就是“传个值”，结果上线后被产...

又踩坑了，Table里嵌套滚动区域 touchmove 失效 今天上线前测到一个诡异问题：Table组件里某列渲染了一个自定义的「标签选择器」，里面用了横向滚动容器（overflow-x: auto）...

谁更灵活？谁更省事？ 历史记录这个功能，说小不小，说大不大。做后台系统、表单编辑器、可视化搭建工具时几乎绕不开——用户点错了、填错了、删错了，总得有个「撤回」按钮吧？我去年在做一个低代码画布组件时，光...

我的写法，亲测靠谱 主题定制这事，我干过不下七八个项目，从纯 CSS 变量切换，到运行时 JS 注入样式，再到 Webpack 构建时多主题打包——最后发现，最稳、最易维护、最不容易半夜被 QA 打电...

我的写法，亲测靠谱 VR/AR 在前端里真不是炫技玩具——去年我接手一个房产展厅项目，客户要求用 WebXR 做轻量级样板间漫游，不装 App、不扫码、点开即进。结果上线前一周，iOS Safari ...

项目初期的技术选型 去年做的一个教育类小程序（H5版），要支持课件页的自由缩放——不是简单的图片放大，而是整个内容容器（含文字、SVG图表、可点击按钮）跟着一起 scale。客户提的需求很直接：“像 ...

优化前：卡得不行 上个月上线一个后台管理平台，里面用了自己封装的 Message 组件——就是那种调用一下 Message.success('操作成功') 就弹个提示框的东西。本来以为这种小玩意儿能有...

优化前：卡得不行 上周上线一个新后台，菜单用了 React + Ant Design 的 Sider + Menu，数据量不大——就 80 条左右的菜单项，分了 4 层嵌套。结果一打开左侧菜单，Chr...

我的写法，亲测靠谱 Swipe 轮播我用过不下十个项目，从最早的手写 touch 事件，到后来引入 Swipe.js（那个只有几百行的轻量库），再到最近几个项目直接用 CSS scroll-snap ...

我的写法，亲测靠谱 Form校验这事，我干了快六年，从jQuery.validate手写正则开始，到Ant Design、Element Plus的内置规则，再到自己封装hooks——踩过的坑比填过的...

项目初期的技术选型 去年年底接了个活动页项目，需求很典型：首页轮播图 + 产品卡片横向滑动 + 一个带锚点的横向导航栏。客户明确要求“必须支持手指拖拽滑动”，且要兼容 iOS 和安卓主流机型（最低 i...

优化前：卡得不行 上周上线一个带类型提示的组件库文档站，本地 dev server 启动要 5.2 秒，热更新（HMR）平均延迟 3.8 秒，改一行 interface 就得等 4 秒才看到效果。最离...

优化前：卡得不行 上周上线一个后台管理页，Desktop First 的布局（就是 PC 端优先写，移动端靠媒体查询降级），结果 QA 直接发来个录屏：鼠标滚轮一划，页面卡顿半秒起步，Tab 切换面板...

项目初期的技术选型 上个月在做一个内部数据看板项目，需要给一堆指标卡片加「点击查看详情」的入口。最开始想直接用 Tooltip，但产品说「要能放表格、按钮、甚至带搜索的下拉」——Tooltip 显然撑...

优化前：卡得不行 去年底上线的用户注册页，有个邮箱字段要做「实时校验是否已注册」。逻辑很简单：输入完邮箱，失焦时发个请求查一下。但上线后客服天天反馈——“用户说输完邮箱要等好久才给提示，有人等不及直接...

我的写法，亲测靠谱 Tooltip 这玩意儿看着简单，但真在项目里用上三个月，我删了又改、改了又回滚，最后定稿的版本其实就十几行核心逻辑。不是用 fancy 的库，也不是抄 Ant Design 源码...

优化前：卡得不行 项目上线后，我们发现Progress进度条的性能问题特别严重。页面加载时，进度条卡顿明显，用户体验极差。有时候进度条甚至会卡在某个位置不动，导致用户误以为页面加载失败。这问题不解决，...

先看效果，再看代码 最近在项目里用了Snackbar消息组件，发现这东西真心好用。今天就来聊聊我怎么用的，顺便分享下踩坑经验。 最简单的用法，直接上手 首先，我们来看最简单的用法。如果你只是想快速展示...

先看效果，再看代码 兄弟们，今天咱们来聊聊内容校验。这玩意儿在前端开发中挺常见的，特别是在表单验证这块。直接上代码，你们感受一下： function validateForm(form) { cons...

项目初期的技术选型 最近刚结束了一个项目，客户需要一个简洁的UI来展示一些标签信息。在技术选型阶段，我们考虑了各种组件，最终选择了Chip标签。Chip标签的好处是它不仅可以展示文本，还可以包含图片、...