0

どちらが好ましい方法であり、その理由は何ですか？

方法1：

<p>When I'm clicked, add an image under me.</p>
<img src="/path/to/image.gif" />

$('p').hide(); // OR css display:none
$('p').click(function() {
    $('img').show();
});

方法2：

<p>When I'm clicked, add an image under me.</p>

$('p').click(function() {
    $('<img src="/path/to/image.gif" />').appendTo('p');
});
4

1 に答える 1

2

この正確なケースでは、ユーザーがクリックするずっと前にブラウザが画像の読み込みを開始できるため、最初のソリューションの方が優れているようです。

動作に大きな違いがない場合は、最もクリーンでシンプルなコードを作成できるソリューションを維持することをお勧めします。そして、それはあなたが私たちに示すことができるより多くのコードに依存します.

それでも、フレームワークとの一貫性が高い場合や、他の理由で画像がキャッシュにあることがほぼ保証されている場合は、2 番目のソリューションの方が優れている可能性があります。

于 2012-11-19T21:01:16.623 に答える