Я пытаюсь реализовать wmd-редактор из репозитория кода Google (например, тот, который используется здесь в stackoverflow), и я столкнулся с проблемой.
Когда вы набираете текстовую область, она запускает две операции рисования в браузере. Один для перерисовки самой текстовой области, а второй - для панели предварительного просмотра. Вы можете наблюдать, как это происходит в стеке потока, открыв Chrome Инспектор и используя вкладку временной шкалы при вводе текста в поле вопроса.
Но на моей странице браузер перерисовывает весь видовой экран, когда ему приходится выполнять эти операции рисования. И это занимает гораздо больше времени: около 100 мсек для каждой операции рисования на моей странице по сравнению с 1 мсек в стеке.
В моем тестировании это похоже на css ... Я могу воссоздать это поведение на странице примера wmd-new, удалив все стили.
Моя страница еще не общедоступна, но, надеюсь, я могу спросить в общем виде ... что заставит браузер перерисовать весь видовой экран при смене dom, вместо того, чтобы просто перекрасить эту часть dom?
Вид того, о чем я здесь говорю.