#javascript
Vue.js и динамический src для картинок
Рано или поздно каждый разработчик сталкивается с ситуацией, когда необходимо в однофайловом компоненте vue динамически, в зависимости от действий пользователя, отобразить картинку. На первый взгляд кажется, что с vue сделать это достаточно просто. Но так кажется только на первый взгляд.
Как подружить nuxt и scrollToPlugin
GSAP — отличная и заслуженно очень популярная библиотека. Соответственно, и плагин scrollToPlugin тоже пользуется большой популярностью. Но если вы решите использовать его с nuxt.js, то вас ждёт сюрприз. Вот сейчас мы и разберёмся что с ним делать.
Vue.js и Intersection Observer
Недавно просмотренный ролик Вадима Макеева с аудитом сайта lingualeo заставил задуматься о том, что изображения действительно могут зачастую составлять бОльшую часть трафика. Это может быть пост в блоге с большим количеством картинок, лента новостей и т.д. и т.п. И загрузка множества изображений может существенно снизить производительность сайта особенно на мобильных устройствах. Плюс есть ещё такой момент: если картинка находится где-то там внизу за пределами вьюпорта, то не факт, что пользователь вообще до неё доберётся. И получится, что картинку он загрузил, но не увидел. А зачем же грузить то, что не нужно?