Публикации по теме 'vuejs'
VueJS dev работает с обратным прокси
VueJS dev работает с обратным прокси
Исходная статья доступна по адресу: https://medium.com/homullus/vuejs-dev-serve-with-reverse-proxy-cdc3c9756aeb
В статью добавлена ОЧЕНЬ упрощенная настройка благодаря волшебной науке изучения исходного кода. Вы можете найти его внизу.
Я столкнулся с глупой проблемой, когда настраивал новый проект для своих товарищей по команде. Проект является открытым исходным кодом погоды / одежды, и если это мало что объясняет, просто посетите репо..
Эффекты перехода Vue.js - переходы списка
Vue.js - это простой в использовании фреймворк для веб-приложений, который мы можем использовать для разработки интерактивных интерфейсных приложений.
В этой статье мы рассмотрим, как добавлять переходы при отображении списков.
Список переходов
Если мы хотим применить переходы для одновременного рендеринга нескольких элементов с v-for , мы можем использовать компонент transition-group .
В отличие от transition , по умолчанию он отображает span . Мы можем изменить отображаемый..
Попробуйте Vue.js, если вы добавляете интерактивность в традиционное веб-приложение.
Несколько недель назад я работал над клиентским проектом, который предполагал значительный редизайн всего их сайта. Сайт представляет собой традиционное серверное веб-приложение: HTTP-сервер обслуживает HTML, сгенерированный из статических шаблонов, заполненных переменными, извлеченными из базы данных.
Конкретный билет, который я подобрал, включал добавление простого раскрывающегося списка на странице подписки на журнал:
Когда пользователь выбирает категорию доставки «Международная»,..
Ленивая загрузка изображений с помощью директив Vue.js и IntersectionObserver
Эта статья была вдохновлена и основана на этом замечательном сообщении в блоге , написанном Бенджамином Тейлором .
Когда я думаю о производительности и о том, как загружаются веб-сайты, первое, что мне приходит в голову, это то, что при загрузке контента последними элементами, которые появляются на странице, являются изображения.
Сегодня изображения (их размер и количество на одной странице) могут стать серьезной проблемой, когда дело касается производительности. Помня, что..
Проверьте, сфокусирован ли элемент ввода с помощью Vue-Focus
Чтобы сделать приложение удобнее для пользователя, часто приходится что-то делать, когда элемент ввода находится в фокусе. Например, вы можете выделить метку для ввода, когда ввод сфокусирован, чтобы пользователи знали, какое поле они заполняют. С Vue.js самый простой способ - использовать для этого библиотеку Vue-Focus. Он предоставляет директиву и миксин, которые позволяют обрабатывать сфокусированные события и события размытия и связывать их с полем данных компонента.
В этой статье мы..
Переход с React на Vue
Часть I - Компоненты и экосистема
ПРИВЕТ. Эта статья не означает, что Vue «лучше», чем React, потому что (как вы увидите) они очень похожи. Решение о том, что «лучше», индивидуально для каждого проекта и команды.
Хорошо, это 2018 год, и вы готовы узнать о Vue. Вы прочитали Руководство по сравнению , установили vue-cli и, возможно, даже создали приложение для создания списка дел.
Но теперь пора заняться настоящей работой. Если вы пришли из React, у вас, вероятно, возникнет..
Дублирование проектов DatoCMS
Дублирование проектов DatoCMS
Привет, ребята! Чтобы сделать Baretheme удобным в сопровождении, мне нужно было иметь возможность создавать новые проекты из набора полей. Когда я начинал, я определял модели и поля, которые мне были нужны, как простые объекты данных JSON. Но с ростом набора типов элементов и полей стало очень сложно писать эти объекты вручную. Вот я и спрашивал себя..
Почему бы мне просто не скопировать существующий проект, который я все равно создавал для себя?..
