Bagaimana untuk mengurangkan aliran semula pelayar dan helah repaint_javascript

1 Elakkan operasi DOM yang kerap terus pada dokumen Jika perlu, anda boleh menggunakan kaedah khusus termasuk tetapi tidak termasuk yang berikut:

(1) Mula-mula padamkan elemen daripada dokumen, kemudian letakkan semula elemen itu ke kedudukan asalnya selepas menyelesaikan pengubahsuaian
(2). Tetapkan paparan elemen kepada "tiada", dan kemudian ubah suai paparan kepada nilai asal selepas melengkapkan pengubahsuaian
(3). Jika anda perlu mencipta berbilang nod DOM, anda boleh menggunakan DocumentFragment untuk menciptanya dan menambahkannya pada dokumen

2. Ubah suai gaya secara berpusat

(1). Ubah suai atribut pada gaya elemen sesedikit mungkin
(2). Cuba ubah suai gaya dengan mengubahsuai className
(3). Tetapkan nilai gaya melalui atribut cssText

3. Nilai atribut Reka Letak Caching

Untuk nilai jenis bukan rujukan (jenis angka) dalam atribut Layout, jika anda perlu mengaksesnya beberapa kali, anda boleh menyimpannya dalam pembolehubah tempatan dahulu semasa satu akses, dan kemudian gunakan pembolehubah tempatan ini elakkan membaca atribut setiap kali Menyebabkan pemaparan pelayar.
var width = el.offsetWidth; var scrollLeft = el.scrollLeft;

4 Tetapkan kedudukan elemen kepada mutlak atau tetap

Apabila kedudukan elemen adalah statik dan relatif, elemen tersebut berada dalam struktur pepohon DOM Apabila operasi pada elemen memerlukan pemaparan semula, penyemak imbas akan memaparkan keseluruhan halaman. Menetapkan kedudukan elemen kepada mutlak dan tetap boleh menjadikan elemen itu wujud secara bebas daripada struktur pepohon DOM, dan penyemak imbas hanya perlu memaparkan elemen dan elemen di bawahnya apabila ia perlu dipaparkan, sekali gus memendekkan sedikit masa. Masa pemaparan penyemak imbas, yang amat patut dipertimbangkan hari ini dengan peningkatan bilangan animasi Javascript.

Di atas ialah beberapa perkara yang saya rumuskan secara peribadi tentang mengurangkan aliran semula pelayar dan mengecat semula saya harap anda semua menyukainya.