组件

先上代码，直接能用的版本 上周上线一个表单页，产品经理说“用户填了半天内容，一不小心关了浏览器就没了，能不能自动保存？” 我一开始想：不就是定时存 localStorage 吗？5分钟写完交差。结果上...

我的写法，亲测靠谱 空状态组件这东西，看着简单，真在项目里用起来，坑可真不少。我最早就是随便搞个 div 套句话完事，后来被产品怼了好几次：这个太丑了、没情感、用户不知道下一步干嘛……折腾了几轮后，现...

项目初期的技术选型 这项目是个后台管理系统，要做一个地址选择功能，用户得从省、市、区三级里挑位置。本来想用三个下拉框联动，但产品给的原型是那种弹窗式级联菜单，点一下省，滑出市，再滑出区，体验更顺滑。没...

项目初期的技术选型 这项目是个后台数据看板，左侧是菜单，右侧是主内容区。客户提了个需求：希望滚动条能自定义样式，原生的那种又粗又丑的没法看。我一开始想，不就是改个滚动条吗，CSS 伪元素搞一下 ::-...

项目初期的技术选型 上个月在做一个移动端的后台管理工具，需求里有个“筛选面板”要从右侧滑出来，一开始我寻思用个简单的 CSS transform 做位移得了，结果产品甩了个设计稿过来，说“要那种原生 ...

项目初期的技术选型 这个项目是个技术文档站，用户要能看代码、复制代码，还得看着舒服。一开始我也没想太多，直接上了 Prism.js，毕竟这玩意儿轻量，配置简单，highlight.js 也差不多，但我...

我为什么非得折腾 Markdown 编辑器？ 说真的，每次做内容创作类的项目，最让我头疼的不是 UI，也不是数据流，而是那个看着简单、实则坑多的 Markdown 编辑器。你以为就是个文本框加个预览？...

先上代码，直接能跑 做后台管理系统或者内容列表页，分页这玩意儿几乎是逃不掉的。我之前一直用 UI 框架自带的 Pagination 组件，比如 Ant Design 或者 Element Plus 的...

又踩坑了，下拉加载卡成PPT 今天上线前最后测一遍列表页，手一滑往下一拽——好家伙，整个页面直接卡住两秒，手指都僵了。这哪是下拉刷新，这是给我上刑呢。 项目是个移动端的资讯流，用 Vue 3 + Va...

项目初期的技术选型 这项目是个内部用的内容管理后台，左侧是菜单栏，右侧是内容区。产品提了个需求：菜单要能吸顶，用户滚动页面的时候它得一直贴在顶部。听起来挺简单对吧？但实际做起来才发现一堆坑。 一开始我...

先说结论，我基本只用两种方案 做前端这么多年，Switch 开关这种组件看起来简单，但真要写得灵活、可维护、还能应对各种交互需求，其实挺容易踩坑的。我见过太多项目里一个 switch 组件写得五花八门...

项目初期的技术选型 上个月接了个后台管理系统的活，客户要做一个可配置的表单生成器。用户可以拖拽字段，每个字段组还能折叠收起。这需求听起来挺简单，但实际做起来才发现坑不少。 一开始我打算自己手写一个 c...

项目初期的技术选型 这个需求其实挺简单：用户在搜索框里输入地址，自动补全候选列表。原本想用现成的第三方组件库，比如 Ant Design 的 AutoComplete，但产品提了个要求——需要接入我们...

项目初期的技术选型 当时在做一个数据看板类的后台项目，客户要求图表要好看、交互顺滑，还得能快速响应数据变化。一开始我们团队也讨论过用 ECharts 还是 Chart.js，但后来我查了一圈 Rech...

我的Table组件写法，亲测靠谱 做后台管理系统，Table组件几乎是必选组件，Ant Design的Table用起来确实方便，但我踩了不少坑。最开始我以为只要把数据传进去就行了，结果发现实际项目里各...

为啥要搞这么复杂的对比？ 最近项目里遇到一个需求，让用户选择省市县三级联动，本来以为很简单，结果发现市面上各种Cascader组件方案五花八门。Element UI的、Ant Design的、还有原生...

为什么要做这次DatePicker对比 最近项目里又遇到日期选择器的问题，说实话我已经在不同项目里踩过太多次坑了。有些方案看起来很美好，实际用起来各种问题；有些方案简单粗暴，但能满足大部分需求。所以决...

为什么要做这次对比？ 最近项目里又遇到表单验证的问题，每次选方案都得纠结半天。手写、Yup、Zod，各有各的坑，各有各的好处。今天就来好好梳理一下，免得下次又选错。 我比较喜欢用Zod，主要是Type...

项目需求逼出来的Toast组件 最近做的那个电商项目，用户操作反馈这块要求还挺细的。之前都是简单的alert一下，产品经理说不行，用户体验太差了。需要那种不会打断用户操作的轻提示，就是Toast。说实...

优化前：卡得不行 之前做的那个视频播放器项目，用户体验差到爆炸。页面加载个视频要等个5-8秒，拖拽进度条卡顿明显，切换清晰度更是要卡个2-3秒。用户反馈基本都是"太卡了"、"加载半天"，投诉邮件堆了一...