Публикации по теме 'vuejs'


Почему карта? если можно использовать циклы 🤔
Эй, я скажу тебе почему!😸 Для этого нам понадобится очень-очень простая задача. И вот проблема: у нас есть массив объектов, где каждый объект содержит профили пользователей. Этот массив выглядит как 👇 Задача состоит в том, чтобы создать новый массив имен профилей, который должен содержать только имя в массиве. Вывод должен быть 👇 давайте попробуем это с обоими подходами. С циклом For: Вывод : сделаем это с картой. Вывод : Вы видите, что..
СРАВНЕНИЕ JAVASCRIPT FRAMEWORKS: ANGULAR VS REACT VS VUE
Сегодня нас будет интересовать сравнение Angular, React и Vue с WebPack. Несмотря на дух «Ориентированных компонентов» трех фреймворков Javascript, философия, архитектура и инструменты для реализации различаются для всех. Угловой Немного истории. Angular, разработанный Google, в настоящее время находится в версии 5, которая является продолжением версии 2. На самом деле существует версия 1 Angular, более известная как AngularJS. Однако между AngularJS и Angular существует огромный..
Создайте и опубликуйте директиву v-drag в npm
Пользовательские директивы - мощная часть API Vue.js. Давайте посмотрим, как создать собственную директиву v-drag и опубликовать ее в NPM вместе с набором тестов. Мы создадим простую директиву, которая позволит любому элементу стать draggable . Вот краткий предварительный просмотр: С такой разметкой: <template> <div v-drag> </div> </template> Исходный код демонстрационного проекта находится здесь , а окончательный код директивы - здесь ...
День 1: #100daysofcode.
Сегодня мой первый вклад в челлендж #100daysofcode от Twitter. Я решил связать эту задачу с моим текущим изучением Vue.JS. В настоящее время я работаю фронтенд-разработчиком, и меня попросили изучить Vue.JS, чтобы использовать его в своей работе. Я решил записать свой прогресс в этом испытании, в надежде, что, возможно, вдохновит других принять вызов научиться программировать. Vue.JS — это относительно новый фреймворк для создания веб-сайтов и веб-приложений. Изучив основы React, я..
Цифровая платформа, соединяющая тех, кто в ней нуждается, с теми, кто может помочь во время COVID 19
В свете недавних событий и решения продлить изоляцию я и мой коллега Картик хотели создать платформу для помощи людям, пострадавшим от пандемии, где-нибудь, где их недовольство можно было бы выразить добровольцам, которые могли бы помочь. Это началось как идея по поводу увеличения масштаба изображения, публикации наших ежедневных офисных встреч, но вскоре мы решили попробовать и начали концептуализировать идею с одним из наших друзей, Атулом , который был готов помочь с дизайном. На..
[Nodejs] Express, Vue + (героку)
Давайте развернем Express-сервер, включая vuejs. dev-среда: vue-cli 3 beta.2, экспресс 4.16.0 Каталог - приложение …. | - экспресс-приложение …. | - vue-app Установить использовать экспресс-генератор ( http://expressjs.com/ru/starter/generator.html ) 2. используйте vue-cli ( https://github.com/vuejs/vue-cli/blob/dev/docs/cli.md#installation ) Есть 2 варианта. Вы выбираете вариант по умолчанию, будет простой dev-env, включая bable, eslint. Если вы..
Служба автозаполнения мест от Google Maps API | Vue.js | JS (на стороне клиента)
В этом руководстве объясняется, как легко реализовать службу автозаполнения мест, предоставляемую Google Maps API, в vue js. Посмотрите это видео для демонстрации ПРИМЕЧАНИЕ: картинка необычная, потому что я использую VUETIFY. В этом руководстве просто объясняется, как работает API Google Адресов, без CSS 😐 Все, что нам нужно, это компонент vue и плагин под названием vue-meta (я уже использую его для SEO). Сначала создадим файл под названием Places.vue . //..