Вопросы по теме '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 просмотров
schedule
13.03.2023
Как подсчитать количество перерисовок/перерисовок в браузере?
Недавно я прочитал следующую статью Стояна о обновлении браузера . Он подробно рассматривает, что такое перекомпоновка и перерисовка, какое влияние это оказывает на производительность и как это улучшить. Он также показывает некоторые сторонние...
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 просмотров
schedule
28.08.2022