- 博客(7)
- 收藏
- 关注
RSS订阅原创 面试官问我useEffect和useLayoutEffect的区别，我掏出了外卖订单…
（突然亮出手机）你看这个外卖App，下单后页面要刷新数据。：（戴上眼镜）这得看VR设备的渲染管线！：（突然掏出VR眼镜）如果在这个虚拟列表组件里，同时用。就像外卖准时达，技术选型也要卡准时机！（突然摘掉眼镜）您这眼镜根本没开机啊！：后来在真实项目中优化滚动列表时，发现。：如果数据刷新不怕页面闪动就用。：（战术微笑）这得看您是想要。（useEffect）还是。：（怒点送达按钮）说人话！处理滚动位置，会发生什么？，要避免UI抖动就用。
2025-04-09 19:52:09
265
原创 面试官让我解释React的key，我反手掏出一沓身份证…
（压低声音）React 可能会把你的组件认成失足青年，直接送去火葬场（销毁重建）！：（转笔）看你项目里列表渲染都写了 key，说说这玩意儿是干啥的？但现实是 —— key 方案已经足够优雅，React团队甚至用它登上了。：（突然合上Mac）如果让你设计一个比 key 更牛的方案，会怎么做？：（推眼镜）那 key 在不同版本有啥变化？控制台会疯狂警告，仿佛在说：“你不对劲！：有后端返回的唯一 ID 时，闭眼用！：保证SSR/CSR的key生成一致性。：（战术沉默）可能…：点击删除第2项，结果删了第3项。
2025-04-07 10:14:05
356
原创 面试官问我React组件和state的关系，我指了指路口的红绿灯…
这个state一变，整个组件就得重绘。（突然掏出手电筒）要是只换灯泡不换灯罩，可能不用整个拆了重建？：后来发现，真正的"幽灵state"其实是产品经理半夜改需求时偷偷加的那些…：（突然指向路口的红绿灯）你看这个红灯变绿，像不像React组件的重新渲染？包裹，只要消费了该Context的子组件都会重渲染。：（战术挑眉）您这红绿灯要是用React实现，：将style提升到组件外或使用useMemo。（突然抢过手机）您这三个都是模型机啊！：（突然打开手电筒照我眼睛）说人话！，哪怕它是个"幽灵"！
2025-04-03 10:47:20
280
原创 面试官问我React Router原理，我掏出了平底锅…
（推眼镜）看你简历说精通React生态，那聊聊React Router的实现原理吧？：（突然合上电脑）如果让你从零实现一个mini React Router，核心步骤是？：（露出微笑）年轻人，你成功引起了我的注意。：（突然扔飞盘）如果我有1000个路由路径，怎么快速匹配？：（掏出Outlet组件）这就是React Router的。：（敲平底锅）那React组件怎么感知路由变化？：（递出平底锅）面试官，您看我这回答还…：（突然掏出个平底锅）等等，别背概念，说人话！：（掏出小本本）这是前端路由的。
2025-04-02 20:39:33
784
原创 React动画实现方案之 Framer Motion，让你的页面“自己”动起来
相信很多前端同学都或多或少和动画打过交道。有的时候是产品想要的过度效果；有的时候是UI想要的酷炫动画。但是有没有人考虑过，是不是我们的页面上面的每一次变化，都可以像是自然而然的变化；是不是每一次用户点击所产生的交互，都可以在页面上活过来呢？欢迎你打开了新的前端动画世界——
2022-10-28 10:46:21
928
原创 React实现一个简易版Swiper
由于需要用户自定义配置整体需要展示的图片，并且支持自定义整体的宽高与轮播时间(delay)；同样，我们也应该支持用户自定义轮播的方向(direction)。{speed?: number;}而在整个swiper运行的过程中我们同样是需要一些参数来帮助我们实现不同的基础功能，比如其实很多时候，我们都会觉得对于一个需求(功能)的开发无从下手。可是如果我们耐下心来，将我们要实现的目标进行抽丝剥茧样的拆解，让我们从最最简单的部分开始进行实现和设计，然后逐步自我迭代，将功能细化、优化、深化。
2022-10-27 12:07:06
723
原创 《上传那些事儿之Nest与Koa》——文件格式怎么了！
本文主要针对在使用node作为**服务端**接口时，前端上传上传文件至**node**作为中转，再次上传至**oss/cdn**的场景。以及针对在这个过程中，需要对同一个文件进行**不同形式**之间转换的问题。
2022-10-27 11:28:17
739
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人