1. Избегайте частых операций DOM непосредственно в документе . Если вам это действительно нужно, вы можете использовать метод вне документов. Конкретные методы включают, но не полностью включают следующее:
(1). Сначала удалите элемент из документа и после завершения модификации верните элемент в исходную позицию
(2). Установите отображение элемента в «Нет», и после завершения модификации измените дисплей на исходное значение
(3). Если вам нужно создать несколько узлов DOM, вы можете использовать DocumentFragment для добавления документа за один раз после его создания с помощью DocumentFragment
2. Центрально изменить стиль
(1). Изменить атрибуты в стиле элемента как можно меньше
(2). Попробуйте изменить стиль, изменив имя класса
(3). Установить значение стиля через свойство csstext
3. Значение атрибута макета кеша
Для значений, не связанных с ними, в атрибутах макета (численные типы), если требуются несколько доступа, их можно сначала хранить в локальной переменной в одном доступе, а затем используют локальные переменные, которые могут избежать рендеринга браузером каждый раз, когда атрибут читается.
var width = el.offsetwidth; var scrollleft = el.scrollleft;
4. Установите положение элемента на абсолютное или фиксированное
Когда положение элемента является статическим и относительным, элемент находится в структуре дерева DOM. Когда операция на элементе должна быть повторно разрешена, браузер будет отображать всю страницу. Установка позиции элемента на абсолютное и фиксированное может сделать элемент отдельным от структуры дерева DOM, и когда браузер должен отображаться, ему необходимо только отображать элемент и элемент под элементом, тем самым уменьшая время рендеринга браузера, что особенно стоит рассмотреть в сегодняшних растущих количествах анимации Javascript.
Вышеуказанные являются некоторые из вопросов, обобщенных мной, о сокращении режни в браузере и перекраске. Я надеюсь, что всем понравится.