组件

项目初期的技术选型 最近做的那个知识库项目，里面有很多FAQ页面和产品说明文档，内容比较长但是结构相对固定。一开始想用传统的折叠面板，但客户觉得太单调了，想要那种能够平滑展开收缩的效果。调研了一下，最...

我的写法，亲测靠谱 Modal这玩意儿在项目里用得太多了，刚开始我也写得很随意，后来踩了不少坑，现在基本都是按照这套标准来处理。核心就是三点：状态管理清晰、动画流畅、交互友好。 我现在的写法是这样的：...

一个Button组件，折腾了我整整一天 昨天下午接到一个需求，要给后台管理系统加个新的Button组件，看起来很简单对吧？结果从下午2点一直搞到晚上9点才搞定，期间各种诡异问题。 最开始我以为就是个普...

先说说我为什么写这篇文章 最近做项目又遇到分页组件了，说实话，这玩意儿看起来简单，但真要做得用户友好还是有不少坑的。之前我都是直接拿现成的UI库里的分页，但这次产品提了一些特殊需求，比如需要显示当前页...

一个数据大屏项目的意外需求 最近做的那个数据大屏项目，本来以为就是常规的数据展示，结果产品突然提了个需求：要在大屏幕上显示一些关键的统计数据，比如实时用户数、交易金额、订单量这些，而且要求要有动画效果...

核心代码就这几行 最近项目里需要做一批Tooltip组件，之前都是用现成的UI库，这次想自己手写一个练练手。说实话，看似简单的文字提示，里面有不少坑，折腾了半天才搞定。 先说最基础的实现，就是鼠标悬停...

组件使用示例的那些坑 最近在重构一个组件库，碰到了一些使用示例的问题。说实话，这玩意儿看着简单，真要做好的话还是挺麻烦的，特别是要考虑各种边界情况和用户使用习惯。 最开始的想法很简单，就是在组件旁边加...

项目中按钮组件的需求演变 最近的项目是个电商后台系统，按钮这块儿其实挺复杂的。一开始想着就是普通的按钮嘛，加个loading状态，disabled状态，颜色变一下就行。结果项目进行过程中，产品那边的需...

开篇：为啥要对比这么多Table方案 最近项目里表格需求特别多，从简单的数据展示到复杂的增删改查，各种场景都碰到了。之前一直用Element UI的el-table，感觉还行，但遇到复杂表格时总觉得不...

这次真的是被CSS动画搞蒙了 上周遇到一个需求，需要做一个按钮点击后先放大然后缩小回原状的动效，看起来挺简单的，结果折腾了我整整一天。刚开始觉得用transform就能搞定，结果发现动画执行完之后元素...

先看效果，再看代码 说实话，Skeleton动画这个东西现在各大厂都在用，我也在好几个项目里实现了。最直观的感受就是用户体验确实提升了，至少用户不会看到一片空白在那里傻等。今天就把我用过的几种方案都分...

移动端滚动穿透，这回彻底搞定了 昨天又被移动端Drawer组件的滚动穿透问题给折腾惨了，写这篇记录一下完整的解决过程。其实之前也遇到过，但每次都是临时应付过去，这次终于下定决心彻底解决。 问题现象就是...

input数字键盘老是弹出错误类型 今天在做移动端表单的时候遇到个烦人的事儿，用户在手机上输入数字时，明明设置了type=number，结果还是弹出了全键盘。这个坑我之前就踩过，以为这次能轻松搞定，结...

这次对比几个Tooltip方案，我踩过不少坑 做前端这么多年，Tooltip组件用了无数次，每次项目都得纠结一下用哪个方案。之前做过一个企业后台系统，需要大量表单提示和信息展示，Tooltip用了好几...

优化前：卡得不行 最近重构了一个后台管理系统的树形组件，真的是被性能问题折磨得够呛。那个树大概有3000多个节点，嵌套七八层深度，优化前每次渲染都要5秒多，展开收起更是卡得鼠标都动不了。用户反馈说点击...

优化前：卡得不行 上个月接手一个老项目，里面有个 Tree 组件用来展示部门结构，数据量不大，也就 2000 多个节点。但每次点开页面，浏览器直接卡死 3 秒起步，滚动都卡成幻灯片。用户反馈“点一下展...

项目初期的技术选型 上个月接了个需求，要在页面里加一段背景音乐，用户可以随时开关、调节音量，还能在不同页面间保持播放状态。一开始觉得这不就是个<audio>标签的事嘛，点开MDN看两眼就能...

项目初期的技术选型 上个月接手一个内容密集型的后台管理项目，页面左侧是主菜单，点击某项后右侧会动态加载一组子功能模块。产品经理说：“这个子导航得能收起展开，还能高亮当前页，最好带点过渡动画。”我一听，...

先看效果，再看代码 最近项目里要做一个侧边栏菜单，一开始我直接用原生 HTML + CSS 搞了个静态的，结果产品经理说“能不能加个展开收起”“能不能支持多级嵌套”“能不能记住上次打开的项”。行吧，那...

树形组件展开后滚动位置错乱，折腾半天才搞定 上周在搞一个权限管理页面，用到了树形结构展示角色和菜单的关联关系。本来以为直接套个现成的 Tree 组件就完事了，结果用户反馈：点开某个深层级节点后，页面自...