問題タブ [virtual-dom]

virtual-domライブラリを使用する場合、仮想DOM 要素に対応する実際の DOM 要素を取得するにはどうすればよいですか? ユースケースは、spin.jsライブラリを介して DOM を操作する必要がある場合です。

これに対応して、React では、 spin.jsに渡す要素を取得するためにReact.findDOMNodeを呼び出します。

コード例:

Web コンポーネントが仮想 DOM によって提供される速度の向上を利用できるかどうかについて、頭を悩ませようとしています。Shadow DOM がつまずきポイントになるのではないかと推測しています。

仮想 DOM の概念の概念は、（私にとっては）神秘的な Shadow または Shady DOM よりもよく理解しています。

仮想 DOM 差分の概念は Shadow DOM で機能しますか、それとも互換性がありませんか?

たとえば、virtual-dom プロジェクトはPolymer Web コンポーネントで動作しますか?

Mercury / virtual-domで要素のselectedプロパティを設定するにはどうすればよいですか?option

次のことを試しましたが、にselectedプロパティが表示されません<option>:

代わりに、次のようになります。

これは Mithril 固有の質問ではないかもしれませんが、一般的な VM DOM 差分です。ページを「再描画」しているときに、新しいイベント ハンドラーを追加したり、イベント ハンドラーを削除したり、「onclick」などのイベントに関連付けられたイベント ハンドラーを変更したりしているときに、VM DOM diffing が変更を検出しないようです。 「実際の」DOM の再レンダリングを明示的に強制します。

これらの状況を処理するための適切なパターンはありますか。

D3 dom-manipulation メカニズムは、React の virtual-dom に (もしあれば) どのように影響しますか?

両方のライブラリがうまく連携できることを示す多くの例を見つけましたが、この問題について言及しているものはありません..まったく問題ではないかもしれません.ところで、それは私が提起した大きな質問ですが、に答えます。

編集：

仮想DOMに「書き込む」場合にのみ、DOMが更新されることを知りました。そして常に、実際の「読み取り」からの「読み取り」が仮想DOMで行われるとき。

したがって、D3 を使用して DOM を直接更新すると、仮想 DOM はそれを認識できず、仮想 DOM から新しい変更を読み取ることができません。それが私が恐れていたことであり、D3 を使用しなければならないときに React がどのように役立つのだろうか?

Mithril で、再描画後も DOM 要素を保持するためのベスト プラクティスは何かを知りたいです。

コンテンツとして naviagtion へのリンクを含む iframe があります。Mithril の再描画全体でこの iframe を保持する必要があります。

コンポーネントのコントローラー関数で redraw.stategy を「none」に設定して iframe をレンダリングする次のソリューションを試しました。

ただし、iframe は再描画間で変化しているように見えます。

これはDOM要素を保持する正しい方法ですか..? または、これを達成するための別のアプローチはありますか?

ありがとうございました。

2000 個の要素を持つ React コンポーネントがあり、いくつかのフィルター条件に基づいて状態を更新すると、内部的に再レン​​ダリングが発生します。すべてがうまくいっているようです。しかし、2000 個の要素から 1000 個の要素に切り替えるようにトグルフィルターを切り替えると、レンダリングに時間がかかり、ブラウザーがフリーズすることがあります。私は chrome タイムライン プロファイリングを行いました。時間のかかる主な部分はレンダリングです。どんな助けでも大歓迎です。