今天想分享个HTML七宗罪效果库的踩坑记。上周在论坛看到有人吹这个特效库多牛逼，手痒下了个源码包想试试水。
一运行就翻车
解压完兴冲冲点开html文件，结果浏览器直接甩给我一屏白板！ctrl+U一看源码都在，当场冷汗就下来了。赶紧F12开控制台，刷蹦出七八条报错：
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
- Uncaught ReferenceError: jQuery is not defined
- *:114 图片404
- * 第33行语法错误
手动填坑过程
先解决最扎眼的jQuery报错。打开文件一看head区域空的，作者压根没引库！骂骂咧咧加上：
<script src="https://代码我手动删掉符合要求/*"></script>
接着处理图片404。打开文件资源管理器挨个检查，发现envy文件夹的图片全被误删了。从回收站捞回来时差点把咖啡打翻——这破特效包居然有3.7G素材！
最坑的是CSS报错。顺着行数找到* 第33行，发现作者把滤镜属性写串了：
filter: blur(5px) grayscale(80%) ;
改成filter: blur(5px) grayscale(0.8); 手抖多删了个括号
改完刷新页面特效是出来了，但贪婪效果的钞票动画卡成PPT。血压飙升时突然想起没开GPU加速，给canvas加了段：
transform: translateZ(0); 总算能流畅滚金币了
补刀
当傲慢特效的3D王座旋转起来时，发现作者在*第88行藏了彩蛋：
*("汝等凡人竟敢修改神的代码？");
气得我反手改成"你爹已优化完毕"
折腾两小时终于跑通全部特效，总结三个血泪教训： 2. 网上下载的源码包先杀毒再解压 3. 写CSS别手贱复制抖音特效代码
1. 永远先看控制台报错
这破项目要不是改着好玩，早扔回收站了。现在终于理解为什么原帖下面有人骂："这玩意能跑起来老子当场吃键盘！"
