javascript - 我应该如何对这个简单的 javascript 动画进行逆向工程？

Question

我遇到了this Slate article以一种新的、有趣的方式呈现数据。我如何对网站进行逆向工程，以便我可以学习并可能自己模仿该技术。

为了保持对 future 网站的建设性，请描述一般步骤以及我需要哪些工具来有效地将代码分解为可管理的 block 。

Answer 1

我不知道除了网络浏览器和查看源代码之外，您还需要很多工具。您可能需要将其中一些提取到您自己的 html/javascript 文件中进行测试，以确保您拥有所有相关代码 - 不确定您还可能需要什么。我认为这是大量的尝试和错误。

在这种特殊情况下，查看源代码会很容易地给你答案 - 它根本没有混淆。查看源代码并查找

<!--**********************PASTE THIS INTO RENDER HTML************* -->

在其正下方，它们包括 javascript file与比赛相关，并且他们有 javascript 使用的 html 结构。