javascript - この単純なJavaScriptアニメーションをリバースエンジニアリングするにはどうすればよいですか？

Question

新しい興味深い方法でデータを提示するこのスレートの記事に出くわしました。Webサイトをリバースエンジニアリングして、学習し、潜在的に自分でテクニックを模倣できるようにするにはどうすればよいですか。

これを将来のWebサイトで建設的に保つために、一般的な手順と、コードを管理可能なチャンクに効率的に分割するために必要なツールについて説明してください。

Answer 1

Webブラウザとビューソース以外の多くのツールが必要かどうかはわかりません。おそらく、その一部を独自のhtml / javascriptファイルに抽出して、関連するすべてのコードがあることを確認するためにテストすることをお勧めします。他に何が必要かわからない場合もあります。試行錯誤が多いと思います。

この特定のケースでは、ソースを表示することで非常に簡単に答えを得ることができます-それはまったく曖昧ではありません。ソースを表示して探します

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

そのすぐ下には、人種に関連するjavascriptファイルが含まれており、javascriptが使用するhtml構造を持っています。