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


Простая реактивность переднего плана
Что, если создать реактивный интерфейс с возможностью поиска, который связывает адреса электронной почты с именами, было бы так просто? <!DOCTYPE html> <html> <body> <div id="app"> <p> Search By Email: <input onchange="search(this.value)"> </p> <p> Email:<input value="${email}" disabled="${email.length>0}" onchange="linkState('email','#app')(event)"><br> First Name:<input..
Создание вашего первого проекта Vue3 - Учебное пособие по Vue
Создание вашего первого проекта Vue3 - Учебное пособие по Vue Vue3 официально здесь! В этом анонсе Эвана Ю он объявляет о самых больших изменениях в новом фреймворке и рассказывает об удивительной работе, проделанной всей командой Vue. Разработчики давно ждали действительно классных функций, анонсированных для Vue3 , таких как поддержка TypeScript, лучшая организация для больших проектов и оптимизация рендеринга, которая сделает приложения Vue еще лучше. В этом руководстве по..
Как создать значки пагинации
Исходная статья: https://aralroca.com/blog/pagination-badges Цель этой короткой статьи — поделиться вспомогательной функцией для создания типичных значков пейджинга. Я использовал этот помощник в нескольких местах, и я думаю, что он может быть полезен для всех, кто в нем нуждается. Помощник принимает список из 3 вариантов: currentPage - Текущая страница, которая будет определять, как будут отображаться значки с разделителями. pages — общее количество отображаемых..
Мое первое погружение в UX и взгляд на микровзаимодействия.
Возможность опробовать мои недавно приобретенные навыки для побочного проекта, посвященного реальной проблеме. Я изучал UX и UI-дизайн вместе с Vue.js и недавно обнаружил реальную проблему, которую, как мне казалось, я мог бы решить, используя эти навыки. Эта проблема Нет индикатора, сообщающего, что вы добавили товар в корзину. Недавно, используя веб-приложение Chicken and Blues, я заметил, что при нажатии на продукт не было никаких указаний на то, что товар был помещен в..
10 лучших статей о веб-разработке на этой неделе
Какие тенденции в WebDev на этой неделе? React, React Native, Vue, Node и ES 2017. Спонсируемый Wix Website Builder - бесплатные веб-сайты, простое перетаскивание, дизайнерские шаблоны, красивые галереи, оптимизация для мобильных устройств, домены, безопасный хостинг, SEO, полная поддержка 24/7 и другое ! Лучшие рассказы Понимание принципов SOLID: принцип открытости-закрытости - Что такое принцип открытость-закрытость и почему он помогает при создании уровней..
Повышение производительности с помощью VueJS
Мы используем VueJS в качестве основного внешнего интерфейса для наших проектов и обработки взаимодействия с пользователем. Мы пробовали множество других JS-фреймворков до Vue, но ни один из них не оказался таким простым и интуитивно понятным для изучения, но таким мощным и простым для интеграции. В нашем последнем проекте мы даже использовали эту JS-библиотеку для создания страницы SPA ( https://www.bright.sh ), которая отвечает за развертывание скриптов bash на наших серверах, а..
🍝 Создание клона Deliveroo с помощью Nuxt (Vue.js), GraphQL, Strapi и Stripe
🏗️ Настройка (часть 1/7) Приготовьтесь разработать клон Deliveroo, используя удивительные технологии: Nuxt ( Vuejs ), GraphQL , Stripe и Strapi ! От регистрации до заказа вы дадите пользователям возможность открывать для себя рестораны, блюда и выбирать подходящие блюда. Демонстрация окончательного результата должна вас проголодать: Примечание: исходный код доступен на GitHub : https://github.com/strapi/strapi-examples/tree/master/nuxt-strapi-..