angular.js - vue/react レンダリング コンテンツのジッター

Question

vue/react/angular Framework など。データをレンダリングするときにページが不安定になり、ユーザーに不快感を与えます。この不安定さを解消するにはどうすればよいでしょうか。

Answer 1

1 つ目の方法は、事前にレンダリング領域に読み込みプロンプトを配置し、レンダリング後に読み込みを非表示/削除し、通常のコンテンツを表示する方法です。

2 番目の方法は、ページ スタイルをサポートできる初期値をデータに与え、取得後に置き換える方法です。

2 番目のメソッドの変換は CSS から開始されるため、レンダリングされていない部分が表示され、レンダリング後の構造と一貫性が保たれます。レンダリングが完了した後は、対応するデータのみが変更され、ページ構造は変更されません。変わりました。

Answer 2

ng-cloak 和 v-cloakを使用する場合、私はReactに触れたことがないのでわかりません。

Answer 3

最初の回答の解決策に加えて、Reactjs がそのような解決策を提供することもできます。nodejs の出力は、クライアントが一度レンダリングする必要がなく、フラッシュの問題もありません。 。