Вопросы по теме 'reflow'

Когда происходит перекомпоновка в среде DOM?
Какие действия вызовут перекомпоновку веб-страницы с помощью DOM? Кажется, есть разные точки зрения. Согласно http://www.nczonline.net/blog/2009/02/03/speed-up-your-javascript-part-4/ , бывает Когда вы добавляете или удаляете узел DOM....
27191 просмотров
schedule 13.08.2022

text-transform: верхний регистр вызывает ошибку макета в Chrome
Я столкнулся со странной ошибкой макета, которая, по-видимому, вызывается свойством CSS text-transform , когда элемент inline-block вложен в элемент block . Я также видел проблему в Safari (5.1.2), но этот минимальный тестовый пример срабатывает...
3315 просмотров
schedule 07.03.2023

Объединять/пакетировать несколько обновлений CSS в разных элементах DOM, чтобы уменьшить количество перекомпоновок/перерисовок?
Общие сведения. У меня есть HTML-страница, использующая холст WebGL для отображения некоторого 3D-контента. Накладываются несколько <div> , которые размещаются с помощью встроенного CSS с position: absolute и соответствующими размерами для...
2232 просмотров
schedule 17.05.2022

Альтернативы повторной заливке и перекраске
Я читал на SO и в других местах, которые перерисовывают и перекрашивают -flows дорого обходятся браузеру. Меня интересуют альтернативы CSS/JS для перерисовки/ display:none и перерисовки/ visibility:hidden , которые не так требовательны к...
315 просмотров
schedule 24.08.2023

Сколько перекомпоновок связано с присоединением DocumentFragment Cause?
Использование DocumentFramgment позволяет нам прикреплять элементы DOM друг к другу, не вызывая перекомпоновки браузера (т.е. работать с автономными деревьями DOM). Многие библиотеки, такие как jQuery , используют фрагменты документов для...
788 просмотров
schedule 14.06.2023

Как я могу визуализировать, что чтение element.offsetWidth вызывает пересчет/перекомпоновку
Везде написано, что чтение element.offsetWidth вызывает пересчет (или даже перекомпоновку?) размеров элемента. Однако я изо всех сил пытаюсь сделать этот эффект видимым. Я ожидаю, что в хроме я смогу сделать его видимым с помощью 3 простых...
548 просмотров

Как подсчитать количество перерисовок/перерисовок в браузере?
Недавно я прочитал следующую статью Стояна о обновлении браузера . Он подробно рассматривает, что такое перекомпоновка и перерисовка, какое влияние это оказывает на производительность и как это улучшить. Он также показывает некоторые сторонние...
615 просмотров
schedule 13.02.2024

Обнаружение оплавления/перекрашивания: возможно ли это сегодня? Возможно в будущем?
Я хотел бы знать, есть ли в современных веб-браузерах надежный способ обнаружения переформатирования и/или перерисовки документов, или есть ли какой-либо насущный интерес к такой вещи, которая может поместить ее в спецификацию W3. Я также хотел бы...
1322 просмотров
schedule 02.08.2023

Влияние перекомпоновки/перерисовки SVG/SMIL на производительность?
В прошлом я довольно много работал с javascript, включая некоторые манипуляции с DOM. Оттуда я узнал, что перекомпоновка/перерисовка в некоторых случаях могут быть серьезной проблемой производительности и, как правило, должны быть сведены к минимуму....
1684 просмотров
schedule 05.10.2022

Сведение к минимуму переформатирования/повторного рендеринга в браузере
В настоящее время я работаю над кодом для своей магистерской диссертации. У меня есть несколько вопросов относительно эффективных манипуляций с DOM. 1) Учтите, что вам пришлось выполнить кучу манипуляций с DOM на нескольких узлах, которые...
675 просмотров
schedule 25.03.2023

Что связано с событием Chrome Recalculate Style?
TL;DR Что вызывает перерасчет стиля в Chrome и что можно сделать, чтобы сократить время на этот шаг? Фон В приложении с большим количеством элементов (переменных, например, 10 000) я наблюдаю, как Пересчет стиля занимает много времени,...
5341 просмотров
schedule 07.05.2023

Можно ли получить доступ к текущему коэффициенту масштабирования элемента %-width с помощью Javascript, не вызывая перекомпоновки?
Я пытаюсь исправить медленно работающий javascript в медленном пользовательском интерфейсе, и я сузил основную причину до вызова jQuery .width() , используемого для просмотра фактического размера элемента width: 100% в пикселях в адаптивном макете,...
692 просмотров
schedule 15.10.2022

Почему процент отступа сверху использует высоту и как я могу обойти это?
У меня есть скользящее меню CSS, которое может различаться по количеству отображаемых элементов. Я использую обертку overflow: hidden и margin-top: -100% , чтобы скрыть меню, и переход CSS с margin-top: 0 , чтобы анимировать слайд вниз....
1695 просмотров
schedule 28.09.2022

Есть ли способ обнаружить горизонтальную прокрутку только без запуска переформатирования браузера
Вы можете обнаружить событие прокрутки браузера для произвольного элемента с помощью: element.addEventListener('scroll', function (event) { // do something }); Я хотел бы иметь возможность различать вертикальную прокрутку и горизонтальную...
21184 просмотров
schedule 02.07.2022

Очень медленное переформатирование/макет в Internet Explorer
Мне нужно динамически построить таблицу с +450 строками/+90 столбцами и показать ее в Internet Explorer. Последние два дня я сильно оптимизировал и в итоге создал набор строк таблицы в виде очень длинной строки и присвоил ее innerHTML tBody таблицы....
902 просмотров