Max Home IndustryАнонсирована новая версия интерфейсного фреймворка Vue.js. Он компактнее и быстрее, чем предыдущая версия.
Vue.js — это небольшая гибкая библиотека JavaScript, которую вы можете использовать для создания интерактивных веб-приложений. Разработчики говорят, что он предлагает простоту, производительность и гибкость. Он состоит из основного уровня представления, инструментов разработчика и библиотек.
Новая версия быстрее и легче, чем текущая версия, с переписанным слоем рендеринга, который теперь основан на облегченной реализации виртуальной DOM, которая, по словам разработчиков, улучшает начальную скорость рендеринга и потребление памяти от двух до четырех раз в большинстве сценариев. Он также предлагает возможность разделить среду выполнения и компилятор виртуального DOM шаблона. Это означает, что вы можете предварительно скомпилировать шаблоны и отправить свое приложение только со средой выполнения, которая составляет менее 12 КБ мин + gzip.
Реализация виртуальной DOM была написана для обеспечения оптимизированного повторного рендеринга без каких-либо дополнительных действий. Каждый компонент отслеживает свои реактивные зависимости во время рендеринга, поэтому система точно знает, когда выполнять повторный рендеринг, а какие компоненты — повторно рендерить. Он также применяет ряд других оптимизаций на этапе компиляции шаблона в виртуальную DOM, включая определение имен и атрибутов статических классов, чтобы они не теряли время после первоначального рендеринга; и обнаружение поддеревьев без динамических привязок, чтобы они тоже не перерисовывались без надобности.
Чтобы обойти выбор шаблонов JSX, Vue.js поддерживает оба. Рассказывая о новой версии на сайте Vue.js, разработчик Эван Ю сказал:
«вы можете продолжать использовать знакомый синтаксис шаблона или переходить к уровню виртуальной DOM всякий раз, когда чувствуете себя ограниченным шаблоном DSL. Вместо параметра шаблона просто замените его функцией рендеринга. Вы даже можете встроить функции рендеринга в свой шаблоны с использованием специального тега
В этой версии также поддерживается потоковая рендеринг на стороне сервера с гидратацией на стороне клиента. В сообщении блога говорится, что:
«Одна из проблем современных реализаций рендеринга основных серверов, таких как React, заключается в том, что рендеринг является синхронным, поэтому он может блокировать цикл событий сервера, если приложение является сложным. Синхронный рендеринг на стороне сервера может даже отрицательно повлиять на время отображения контента на клиент. Vue 2.0 предоставляет встроенный потоковый рендеринг на стороне сервера, так что вы можете рендерить свой компонент, получить обратно читаемый поток и напрямую направить его в HTTP-ответ. Это гарантирует, что ваш сервер реагирует и передает визуализированный контент в ваши пользователи быстрее. »
Другие улучшения новой версии включают рендеринг в собственные интерфейсы на мобильных устройствах. Продолжается работа по созданию порта Vue 2.0, который использует weex, новый кроссплатформенный пользовательский интерфейс, в качестве нативной серверной части рендеринга, а также по адаптации виртуальной DOM Vue 2.0 для работы внутри ReactNative.
Vue 2.0 все еще находится на стадии пре-альфа, и разработчики планируют выпустить бета-версию к концу мая или началу июня. Vue.js 1.1 будет выпущен вместе с бета-версией 2.0.