問題タブ [custom-element]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - カスタム Web コンポーネントとライフサイクル コールバックの明確化
カスタム要素とそのライフサイクル コールバックに関連する説明が欲しいと思っていました。
要素によって作成されたコールバックに混乱があります。仕様には、「要素の各インスタンスが作成されるときに呼び出される」のようなものがあります。私の考えでは、インスタンスは作成された直後に「仮想的に」dom に挿入されるため、これら 2 つのコールバックをドキュメント フローで本質的に背中合わせにする利点があります。作成されたコールバックは、定義される要素とより密接に関連していることもオンラインで読みました。これらのケースのどれが仕様に記載されているか.
これはおそらく前の質問の行に沿ったものです: カスタム要素をドキュメントにする方法が 3 つあります。
最初からドキュメントの一部です。この場合、document.readyState イベントに関してですが、いつ定義が登録されるのでしょうか。
これは、javascript を介して挿入されます。プログラマーは、作成および挿入の前に定義を登録すると想定しています。次に、問題は、作成されたコールバックがいつ起動するかです。添付されたコールバックはいつ起動しますか? 最後に、要素が挿入されたときに要素と相互作用するように他の要素をセットアップした場合、いつその作業が完了したことを確認できますか?
私が考えることができる最後の方法は、シャドウ ドームと、要素がドキュメントの半分と半分のうちの半分であるという感覚に関連しています。
読んでくれてありがとう、あなたが提供できるかもしれない説明と啓発をいただければ幸いです。
dart - カスタム要素が見つかりません
カスタム要素を作成しようとしていますが、結果ページにいくつかの警告がありましたが、修正しました。最後のものは次のとおりです。
custom element with name "paper-fab-menu" not found. See http://goo.gl/5HPeuP#polymer_11 for details.
要素のコードを確認し、すべてのスクリプトを削除して簡単にしました。コードは次のとおりです
このコードに関する警告はありません。
要素をインポートするときに index.html コードに警告はありません (間違ったパスに関する警告がありましたが、解決されました)。index.html のインポート部分は次のとおりです。
Dart エディターはまだ<paper-fab-menu>警告としてマークしています。Polymer のエラーは、このエラーが不適切なインポートを示していると述べていますが、すべてのインポートは正しく解決されており、問題がわかりません!
Windows 8.1 Dart エディター 1.8.5 Dart SDK 1.8.5
ご協力いただきありがとうございます
javascript - ポリマー カスタム要素イベント ハンドラの動的設定
次のコードを含むカスタム要素 (admin-button.html) を作成しました。
それ自体がカスタム要素である別のファイル (table-body.html) で、このファイルを動的にインポートし、要素のインスタンスを作成して、次のようにメニュー リスト (#chip-menu) に追加します。
ここまでは問題ありません。しかし今、この新しく作成されたボタンに「オンタップ」イベント ハンドラーを与えたいと思います。私は単純に属性を設定しようとしました
しかし、これは機能しませんでした-要素を適切に登録することと関係があると思われますが、ポリマードキュメントのカスタム要素にイベントハンドラーを動的に設定する方法についてのヒントが見つからないようです.
このように要素をHTMLにハードコードすると
で要素をインスタンス化します
できます。しかし、ページの読み込み時に HTML コードにカスタム要素を入れたくありません。
これはできますか？
css - 要素名にダッシュを含むカスタム要素のスタイルを設定することはできますか?
これはまったく不可能だと思いますが、これに関する質問も可能かどうかの参照も見つからなかったので、ここで質問しています...
AngularJS または Polymer に精通している場合は、 のように要素名にダッシュを含むカスタム要素を使用できることがわかりますspecial-element。私の問題は、これらすべての要素にクラスを使用せずにスタイルを設定するにはどうすればよいですか?
問題は、コードに次のようなものがあることです。
それらはinline-block要素であり、特定のマージンで区切られるようにしたい（ただし、最後の/最初の要素の前後にマージンはありません）。そのために、次のようなことを考えていました。
しかし、これは機能しません...のクラスを使用せずにこれを達成できるアイデアはありspecial-elementますか?
html - SVGTSpanElement.createShadowRoot が機能しない
次のコードを教えてください。Webkit ファミリでは、(開発者ツールで) シャドウ要素が表示されますが、画面にはまったく表示されません。Firefox では、クラッシュします。のような HTML 要素に最適に機能するため、名前空間を疑っていますHTMLDivElement。