Forwarded from FrontEnd книги для программистов
Forwarded from Просто: разработка
Service Worker
Service Worker - что же это это такое?
Если кратко, то это специальный javascript файл, который служит прослойкой между сайтом и сервером.
Используя данную прослойку, можно кэшировать ответы с сервера и такие составляющие сайта, как CSS, favicon, логотип, шрифты и другое.
Какая польза от его использования?
- Повышение производительности,
- Предоставление доступа к контенту, даже когда пользователь оффлайн
и другое!
Статья супер! В ней подробно рассказано, как создать и использовать данную прослойку, приведены разные схемы и примеры.
Читать -> тут.
🔥 @ProstoRazrabotka
Service Worker - что же это это такое?
Если кратко, то это специальный javascript файл, который служит прослойкой между сайтом и сервером.
Используя данную прослойку, можно кэшировать ответы с сервера и такие составляющие сайта, как CSS, favicon, логотип, шрифты и другое.
Какая польза от его использования?
- Повышение производительности,
- Предоставление доступа к контенту, даже когда пользователь оффлайн
и другое!
Статья супер! В ней подробно рассказано, как создать и использовать данную прослойку, приведены разные схемы и примеры.
Читать -> тут.
🔥 @ProstoRazrabotka
Forwarded from NOP::Nuances of Programming
Написание юнит-тестов на компоненты - более надежный способ, чем тестирование итогового HTML-кода. Разберем несколько ситуаций, с которыми вы можете столкнуться на пути создания таких тестов.
https://nuancesprog.ru/p/12858
@nuancesprog #статьи #Vue
https://nuancesprog.ru/p/12858
@nuancesprog #статьи #Vue
Forwarded from FrontEndDev
Тестирование компонентов Vue.js с помощью Vue Test Utils.
В своей статье Nada Riffki рассказывает зачем и как тестировать Vue компоненты (с реальными примерами).
https://blog.logrocket.com/testing-vue-js-components-vue-test-utils/
В своей статье Nada Riffki рассказывает зачем и как тестировать Vue компоненты (с реальными примерами).
https://blog.logrocket.com/testing-vue-js-components-vue-test-utils/
LogRocket Blog
Testing Vue.js components with Vue Test Utils - LogRocket Blog
This guide showcases the benefits of testing your Vue.js components using Vue Test Utils and includes some real-world examples.
Forwarded from FrontEndDev
25 советов по Vue, которые вам нужно знать
https://dev.to/michaelthiessen/25-vue-tips-you-need-to-know-2h70
https://dev.to/michaelthiessen/25-vue-tips-you-need-to-know-2h70
Forwarded from Frontender Libs - обзор библиотек JS / CSS
vue-easytable
vue-easytable - один из самых мощных компонентов для построения таблиц в Vue.
Что касается табличного компонента, он имеет много удивительных встроенных функций на все случаи жизни.
👉 @sWebDev
vue-easytable - один из самых мощных компонентов для построения таблиц в Vue.
Что касается табличного компонента, он имеет много удивительных встроенных функций на все случаи жизни.
👉 @sWebDev
Forwarded from Web Stack
Комплексная CSS-анимация во Vue с AnimXYZ
https://www.smashingmagazine.com/2021/10/composable-css-animation-vue-animxyz/
https://www.smashingmagazine.com/2021/10/composable-css-animation-vue-animxyz/
Forwarded from Web Stack
Брендирование изображений с помощью ImageKit и Vue.js
https://blog.logrocket.com/image-branding-imagekit-vuejs/
https://blog.logrocket.com/image-branding-imagekit-vuejs/
LogRocket Blog
Image branding with ImageKit and Vue.js - LogRocket Blog
In this article, you'll learn to integrate ImageKit into a Vue.js application and how to perform the transformations provided by the service.
Forwarded from Web Stack
Процесс отображения веб-страницы в браузере | Critical Rendering Path
https://jagjeets.medium.com/web-performance-understanding-critical-rendering-path-72283caefc1f
https://jagjeets.medium.com/web-performance-understanding-critical-rendering-path-72283caefc1f
Medium
Web Page Rendering Process in Browser | Critical Rendering Path
Critical Rendering path is the sequence of actions or steps performed by the browser in order to render a web page on the screen.
Forwarded from Web Stack
Forwarded from Web Stack
Forwarded from Frontender Libs - обзор библиотек JS / CSS
Vuestic UI
В этой открытой и бесплатной библиотеки на сегодняшний день уже более 50 настраиваемых компонентов, которые полностью совместимы с Vue.js 3. Библиотека поддерживает самые популярные браузеры крайне проста в установке и использовании.
👉 @sWebDev
В этой открытой и бесплатной библиотеки на сегодняшний день уже более 50 настраиваемых компонентов, которые полностью совместимы с Vue.js 3. Библиотека поддерживает самые популярные браузеры крайне проста в установке и использовании.
👉 @sWebDev
Forwarded from FrontEndDev
Обзор petite-vue - мини версии Vue для использования прямо в браузере.
https://www.youtube.com/watch?v=MYJynMWJlFM
https://www.youtube.com/watch?v=MYJynMWJlFM
YouTube
petite-vue
Dave gives us a look at petite-vue, a special (and extra small) version of Vue that is designed to be used directly in the browser, requires no build step, and allows us to build pleasantly interactive apps very delcaratively.
Forwarded from WebCraft - ремесло веб разработки
Vue | Как отправлять электронные письма из вашего приложения Vue.js с помощью EmailJS
Научитесь создавать простой проект Vue, который может отправлять электронные письма через контактную форму с помощью Email.js
👉 @web_craft | #vue
Научитесь создавать простой проект Vue, который может отправлять электронные письма через контактную форму с помощью Email.js
👉 @web_craft | #vue
Forwarded from FrontEndDev
Внедрение зависимостей в JavaScript — лучший инструмент, который вы не используете для своих тестов
https://blog.bitsrc.io/dependency-injection-in-javascript-the-best-tool-youre-not-using-for-your-tests-4e83aca7579f
https://blog.bitsrc.io/dependency-injection-in-javascript-the-best-tool-youre-not-using-for-your-tests-4e83aca7579f
Forwarded from FrontEndDev
I18n. Интернационализация в приложениях на Vue
https://carodigital.medium.com/i18n-internationalization-in-vue-applications-53d868f831bd
https://carodigital.medium.com/i18n-internationalization-in-vue-applications-53d868f831bd
Medium
i18n: Internationalization in Vue Applications
In this globalized era we live in, the need to make applications for people in different parts of the world is more and more common. This…
Forwarded from FrontEndDev
Как делать Debounce и Throttle колбеки во Vue.
Особенности реализации и примеры от Дмитрия Павлутина.
https://dmitripavlutin.com/vue-debounce-throttle/
Особенности реализации и примеры от Дмитрия Павлутина.
https://dmitripavlutin.com/vue-debounce-throttle/
Dmitri Pavlutin Blog
How to Debounce and Throttle Callbacks in Vue
How to debounce and throttle watchers and event handlers in Vue components.