李松伦是谁？揭秘他的生平和成功故事！

起因

这事儿得从上礼拜三说起。当时新项目卡在用户动态流这块死活调不顺，那个瀑布流刷着刷着就卡壳，跟吃了秤砣似的沉底不动弹。

组里老张叼着烟屁股跟我说：“你搜搜李松伦那套方案试试？去年极客时间看过他直播。”我寻思这名字咋听着像烧烤店老板，但死马当活马医呗。

开干踩坑

回家就薅过键盘开搞：

1. 先把他gist里那个滚动加载demo扒下来，npm install刚跑完就报错“require is not defined”
2. 拍脑袋把type改成module，结果浏览器直接红字飘满屏，光标卡在控制台疯狂闪
3. 硬着头皮翻他思否问答，发现得用动态import，改完倒是能跑了——可特么滚动条跟抽风似的上下蹦迪

凌晨两点蹲在电脑前啃鸭脖，突然看见代码注释里有行小字：“2023.07更新：chrome 115+需关闭硬件加速”，我当场把鸭骨头咬碎了。

暴力调试

第二天上班直接开干：

• 把监听scroll事件的节流阀从100毫秒撸到30毫秒



• 给每个卡片item塞了个MutationObserver盯着dom变化
• 祭出终极杀器——在ul外面裹了三层div，每层overflow轮流设hidden和auto

你猜怎么着？下午三点测试妹子突然喊：“哎你这页面咋自己翻起来了？”扭头看见屏幕里的内容跟走马灯似的自动滚动，吓得我直接拔了电源。

意外破局

正抓狂，产品经理甩来个知乎帖子：“这人说的跟你情况像不像？”李松伦三字赫然在标题里。原来要在滚动容器上加个will-change:transform，这玩意儿在他掘金小册里提过一嘴。

抱着希望改完部署，测试机滑了二十多屏愣是没卡顿。下班前老大路过说了句：“今天这丝滑得能溜冰。”我捂着咖啡杯的手都在抖。

血泪经验

千万别信教程里的版本号，那些说“最新版适用”的八成埋了雷。后来翻他B站视频弹幕才看见满屏的“115版已失效”。这哥们儿更方案比烧烤摊换菜单还勤快，文档里写的chrome 108配置现在看简直是古董说明书。

给各位提个醒：用人家轮子前最好去他微博评论区翻翻遗书——不是，是翻翻更新通知。我算是明白了，搞前端的不是在修bug，就是在找大佬埋的彩蛋的路上。