2

カスタム要素とそのライフサイクル コールバックに関連する説明が欲しいと思っていました。

  1. 要素によって作成されたコールバックに混乱があります。仕様には、「要素の各インスタンスが作成されるときに呼び出される」のようなものがあります。私の考えでは、インスタンスは作成された直後に「仮想的に」dom に挿入されるため、これら 2 つのコールバックをドキュメント フローで本質的に背中合わせにする利点があります。作成されたコールバックは、定義される要素とより密接に関連していることもオンラインで読みました。これらのケースのどれが仕様に記載されているか.

  2. これはおそらく前の質問の行に沿ったものです: カスタム要素をドキュメントにする方法が 3 つあります。

    1. 最初からドキュメントの一部です。この場合、document.readyState イベントに関してですが、いつ定義が登録されるのでしょうか。

    2. これは、javascript を介して挿入されます。プログラマーは、作成および挿入の前に定義を登録すると想定しています。次に、問題は、作成されたコールバックがいつ起動するかです。添付されたコールバックはいつ起動しますか? 最後に、要素が挿入されたときに要素と相互作用するように他の要素をセットアップした場合、いつその作業が完了したことを確認できますか?

    3. 私が考えることができる最後の方法は、シャドウ ドームと、要素がドキュメントの半分と半分のうちの半分であるという感覚に関連しています。

読んでくれてありがとう、あなたが提供できるかもしれない説明と啓発をいただければ幸いです。

4

1 に答える 1

2

1 と 2.2 はお答えできます。

[注: これはポリマーではなくネイティブ実装用です]

まず、作成したコールバックを宣言で使用します。要素を作成するときに呼び出されます。だからあなたがするとき

var myElement = document.createElement("custom-element");

createdCallback は、次のコード行が呼び出される前に呼び出されます。

あなたが実行するとき

document.body.appendChild(myElement);

attachCallback は、次のコード行が呼び出される前に呼び出されます。

これで、shadowDom とその css は、カスタム要素のテストで気付いたものよりも少し遅れる可能性があります。

于 2015-04-03T05:41:00.187 に答える