Виртуальное дерево это и есть сам js?

Question

[Ingernirated]

Читал статью про виртуальный dom, но не совсем понял сути, т.е. виртуальный dom это тот, что создан в js созданием элементов и изначально не предусмотрен кодом в html и css, и если написать весь сайт на js, он будет быстрее?

Comments

[Дмитрий Лузанов]

Может и не ответит конкретно на ваш вопрос, но дум...

Answer 1

[lega]

виртуальный dom это тот, что создан в js созданием элементов и изначально не предусмотрен кодом в html и css

Да, например

var virtualElement = { name: 'span', attrs: [], children: [] };

или т.п. главная идея - сравнить виртуальное дерево с предыдущей версией - найти изменения и наложить их на реальный DOM.

если написать весь сайт на js, он будет быстрее?

Зависит от деталей.

Comments

[Ingernirated]

подскажите пожалуйста, как в литературе найти информацию о всё этом?
в плане, почему это быстрее, какие ништячки есть и вообще для общего развития

[lega]

Ingernirated: читать статьи, проводить исследования, тестировать, общаться с авторами.
А бумажная литература - в топку, часто устаревает до выхода, куча воды, создано для зарабатывания денег.

Так же очень полезно делать велосипеды, например маленький прототип реакта/ангуляра. Прокачиваются скилсы и становится понятно почему сделано так, а не иначе и где могут быть проблемы и почему.

[Ingernirated]

lega: насчёт воды, согласен, часто 50% текста автор рассказывает о том, какой сегодня день и как он любит кататься на лыжах в грузии
велосипеды есть, всё устраивает в них(кроме не понимания, быстрый он или тупо куча кода, а толку не особо), а понять, лучше он или хуже реакта или ангуляра, без понятия как.
как тесты проводят?
я только один тест знаю:
работает? - работает, тест пройден
если нет, ищем ошибки.

[lega]

Например todomvc.com , аналогичное приложение на разных фреймворках, можно оценить сложность и объем кода.
Тут тест производительности mathieuancelin.github.io/js-repaint-perfs