记一次失败的接单

学习，如果不是为了赚钱，有谁有动力呢？

需求详情：

昨天在 Q 群看到有人需要进行样式修改，于是我接下了这个任务，发现实际上只是爬取了一个网站的内容，但样式不符合要求。

我从描述中就能够看出这是一个路径问题，而当我收到任务包后，发现确实是路径问题。如大家所知，某些网页是通过加载来显示内容的，爬取后并不包含后续内容。

奇怪的是雇主只需样式，不需要 JavaScript 效果，但我们都知道，滚动图（轮播图）大多需要 JavaScript 的支持。因此，我告诉雇主需要修改 JavaScript 路径，并下载新的资源等。然而，雇主坚持只要效果。

所以，我简单地爬取了图片，修改了路径并发送了出去。不过，遗憾的是每个页面底部都有一块空白。当时我以为是我的问题，但后来发现是网站设置的。我想着直接修改 height 并添加 !important 可能会解决问题，但结果并不如预期。

之前看过许多文章和帖子，讲述了遇到扯皮的雇主有多糟糕，但没想到我第一个项目就遇到了一个。因为我没有实现效果，没有去除底部的空白，我当时以为是 JavaScript 的问题，因为我在控制台看到了大约20个错误。虽然雇主说我在扯，但我还是想试试看。所以今天早上继续查看网页，并采取了不同的方法，检查页面元素，包括height、top、bottom、padding、margin等属性，因为它们容易影响网页的格式。

• height：我发现每个页面的 height 都是固定的，然后通过 JavaScript 来修改。我尝试为 div 元素添加了 height !important，但效果不明显。
• top：今天早上我发现了 top 元素，我们都知道网页由头部和底部组成，所以我检查了头部，发现了问题。底部的 footer 设置了 top 为 1712px，而且我发现所有页面的 footer 都有这个设置。我简单地修改了这个设置，问题得以解决。

其实，一开始尝试修改 height 时我并没有成功，甚至添加了 !important 也没有效果，我当时觉得这太神奇了。然后我简单地添加了一个边框来测试效果，发现修改高度后，边框位置明显在变化，但内部元素没有变化，然后我注意到有浮动定位。所以，我很快就分析出问题出在底部元素上。

为什么昨晚没有想到呢？我认为是因为脑子被问题困住了，所以在编程时，不管何时卡住了，换个思路，出去散步一下，就可能找到其他解决方法。虽然我睡了一觉，但这个问题还是得以解决。

最终，我将修改后的结果发送给了雇主，尽管这个项目非常失败，但我还是从中学到了许多经验。