angular.js - vue/react rendering kegelisahan kandungan

Question

rangka kerja vue/react/sudut, dsb. Apabila memaparkan data, halaman menjadi gelisah, memberikan pengguna perasaan tidak mesra Bagaimana untuk menghapuskan kegelisahan ini?

Answer 1

Kaedah pertama ialah meletakkan gesaan pemuatan di kawasan yang diberikan terlebih dahulu, sembunyikan/padamkan pemuatan selepas pemaparan dan paparkan kandungan biasa.

Kaedah kedua ialah memberikan data nilai awal, yang boleh menyokong gaya halaman, dan kemudian menggantikannya selepas memperolehnya.

Transformasi kaedah kedua bermula dari CSS, supaya bahagian yang tidak dirender boleh dipaparkan dan strukturnya konsisten dengan itu selepas rendering selesai, hanya data yang sepadan ditukar dan struktur halaman tidak diubah .

Answer 2

Gunakan ng-cloak dan v-cloak, saya tidak mempunyai pengalaman dengan React jadi saya tidak tahu.

Answer 3

Selain penyelesaian dalam jawapan pertama, anda juga boleh mempertimbangkan isomorphism menyediakan penyelesaian seperti itu daripada berkelip.