Vue 3.2 и прирост скорости
Vue 3.2, новая версия популярного JavaScript фреймворка, предлагает более высокую производительность, а также улучшения отдельных файловых компонентов и веб-компонентов.
Vue 3.2, новая версия популярного JavaScript фреймворка, предлагает более высокую производительность, а также улучшения отдельных файловых компонентов и веб-компонентов.
Сегодня мы напишем собственный современный веб-компонент WYSIWYG редактора, который поможет нам в дальнейших проектах с любыми формочками, где требуется редактирование текста от публикаций больших статей, до публикации простых комментариев. По максимуму реализуем возможности браузерных API и опубликуем npm пакет. Для нетерпеливых: github репозиторий а также npm package и git npm package.
Vue 3 уже довольно давно работает стабильно. Многие используют его в продакшене, и всем остальным в конечном итоге придется мигрировать. У меня была возможность поработать с ним и понять, какие ошибки я допускаю, которые вы наверняка хотели бы избежать.
Мы рады сообщить, что поддержка декларативного теневого API DOM была добавлена и включена по умолчанию в Safari Technology Preview 162 . Напомним, теневой DOM является частью веб-компонентов, набора спецификаций, которые изначально были предложены Google для создания многоразовых виджетов и компонентов в Интернете. С тех пор эти спецификации были интегрированы в стандарты DOM и HTML. Shadow DOM , в частности, обеспечивает облегченную инкапсуляцию для деревьев DOM, позволяя создавать параллельное дерево для элемента, называемого «теневым деревом», которое заменяет рендеринг элемента без изменения собственного дерева DOM.
По умолчанию Vue
\Nuxt
помогают нам оптимизировать загрузку наших чанков и подставляют скриптам на странице rel=prefetch\preload
, чтобы браузер мог подгрузить их заранее, подробнее про prefetch здесь. В небольших приложениях это не вызывает проблем, но с ростом приложения вы можете столкнуться c проблемой просадки FCP, как с этим бороться, расскажу на своем примере из работы сайта biglion.ru
На примере веб-компонента wc-like
рассмотрим интеграцию с vue3+
фреймворком, посмотрим насколько секонмит нам времени веб-компонент и сколько кода нам надо добавить на vue чтобы все заработало. Демонстрацию смотрите тут. Также доступен git репозиторий с демкой и npm пакет vue-wc-likes.
В этой статье мы рассмотрим вариант интеграции веб-компонента wc-likes с CMS системой wordpress на примере сайта webislife.ru
Браузер Safari не поддерживает пользовательские встроенные элементы, только автономные пользовательские элементы.
Давайте уточним, cуществует два вида пользовательских элементов(веб-компонентов):
HTMLElement
.HTMLButtonElement
и т.п.Разделение кода широко используется в веб-разработке на основе JavaScript для повышения производительности и удобства поддержания кода по мере роста. Однако возникает необходимость объединить и транспилировать эти файлы при их выполнении.
Читать далее… »
В этой статье я хочу рассказать как сохранить архитектуру приложения при использовании разных типов http-запросов и какие библиотеки можно использовать в приложении. Читать далее… »