Выпуск # 216
Обнаружение кликов вне элемента во Vue
Вы когда-нибудь пытались закрыть раскрывающееся меню, когда пользователь щелкает за пределами элемента? Научитесь писать настраиваемую директиву, которая делает это во Vue.
Https://shivam.dev/blog/outside-click
VueJS - компонент сборщика данных многократного использования
Научитесь создавать компонент, который поможет вам управлять получением данных и обеспечивать правильную обратную связь с пользователями.
Https://dev.to/vcpablo/vuejs-reusable-data-fetcher-component-1jdo
Легко управлять версиями компонентов с помощью Vue 3
Рефакторинг компонентов может стать огромной проблемой из-за критических изменений, на очистку которых могут уйти часы. Вот простая стратегия управления версиями компонентов.
Https://dev.to/rdelga80/easily-handle-component-versioning-with-vue3-48n8
Проблемы с серверными плагинами в Nuxt.js
Когда вы используете рендеринг на стороне сервера в Nuxt, вы можете создавать высокодинамичные и высокопроизводительные приложения. Джош Делтенер исследует одну из менее известных проблем с серверными плагинами в Nuxt.
Https://masteringnuxt.com/blog/problems-with-server-side-plugins-in-nuxtjs
Спонсируемый
Веб-сборка (WASM) - это язык низкого уровня, который может работать в веб-браузерах с производительностью, близкой к нативной.
В последнем видеоролике DevTrends объясняется, как WASM позволяет создавать 3D-игры, виртуальную реальность и другие приложения для Интернета, которые были бы непростыми при использовании одного только JavaScript.
Создавайте расширенные компоненты в Vue 3 с помощью $ attrs
В этой статье мы рассмотрим атрибут $ attrs. Мы объясним, для чего он используется, чем его реализация отличается от Vue 2, и построим пример кода, который поможет понять его возможности.
Https://labs.thisdot.co/blog/build-advanced-components-in-vue-3-using-usdattrs
Выполнение преобразования изображений в Vue.js с помощью ImageKit
Краткое прочтение о том, как выполнять преобразование изображений для изображений, размещенных на ImageKit, с помощью настраиваемых компонентов ImageKit Vue.
Https://dev.to/xinnks/perform-image-transformations-in-vue-js-with-imagekit-5f4m
Измерение веб-производительности в 2021 году: полное руководство
Это полное руководство по показателям, методам и измерениям производительности Интернета в 2021 году. Все фундаментальные идеи, которые вам нужно понять, чтобы создать быстрый веб-сайт для ваших пользователей и поисковых систем.
Https://requestmetrics.com/web-performance/measure-web-performance
До следующей недели,
- Энтони Гор, куратор информационного бюллетеня разработчиков Vue.js