angular.js - vue/react 渲染内容抖动

Question

vue/react/angular框架等 渲染数据时，页面产生抖动，给用户一种不太友好的感觉，怎样消除这种抖动呢？

Answer 1

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

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

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

Answer 2

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

Answer 3

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