Публикации по теме 'vuejs'
Битва JavaScript Framework: «Hello World» в каждом интерфейсе командной строки
Битва JavaScript Framework: «Hello World» в каждом интерфейсе командной строки
Мне просто было интересно, учитывая, что большинство крупных фреймворков JavaScript в настоящее время предлагают инструмент интерфейса командной строки (CLI) - для автоматизации создания новых проектов и создания производственных активов - как они на самом деле сравниваются друг с другом ? Я имею в виду, что они все должны иметь одинаковую «приблизительную оценку», когда дело доходит до размера пакета /..
Добавьте кнопку «Копировать в буфер обмена» на любом элементе HTML.
Этот пост поможет добавить кнопку «Копировать» в элемент html. Он будет работать со всеми типами интерфейсных фреймворков (включая SSR и JAM-стек); основная идея будет такой же, но реализация может отличаться в зависимости от фреймворка.
Начнем с основной логики, то есть с копирования фрагмента текста в буфер обмена.
const copy = async (text) => await navigator.clipboard.writeText(text);
Вот и все !
Этот однострочный файл скопирует любой фрагмент текста с веб-страницы в..
Доступ к URL-адресам статических активов Nuxt в пользовательских атрибутах
При создании любого нового проекта Nuxt вы можете получить доступ к статическим ресурсам несколькими способами, через папку ресурсов или статическую папку. Эти папки обрабатываются Nuxt совершенно по-разному — файлы в папке с ресурсами будут рассматриваться как зависимости модуля и запускаться через Webpack, а файлы в статической папке будут просто скопированы в общую папку. При компиляции папки ресурсов загрузчик URL-адресов будет условно встраивать ресурсы размером менее 4 КБ*, уменьшая..
Настройка проекта для полнофункционального веб-приложения JavaScript
Вы готовитесь запустить свое первое полнофункциональное веб-приложение? Или, может быть, вы запутались в иерархии? Первоначальная настройка веб-приложения, пожалуй, одна из самых важных частей проекта. В этой статье я расскажу о том, как создать полнофункциональное приложение.
В частности, я буду использовать Vue на интерфейсе, Express, Node и Sequelize на сервере. Давайте начнем!
Я предполагаю, что вы использовали GitHub и знаете терминологию. Сначала вы захотите пойти дальше и..
Проверка формы Vue.js
Проверка - очень распространенная задача в веб-приложениях. Действительно, данные должны быть проверены перед отправкой формы и до того, как они будут записаны в базу данных или переданы в веб-службу.
В этой статье рассматривается проверка формы в Vue.js и, в частности, три плагина, которые выполняют эту задачу: Simple Vue Validator , VeeValidate и Vuelidate .
Прочитав эту статью, мы сможем протестировать фрагменты кода благодаря этому репозиторию github , простому проекту Vue.js,..
Тестировать или не тестировать во Vue.js
Над чем вы работаете на этой неделе, чтобы отточить свои навыки?
В скринкастах этой недели мы расскажем вам, как работать с ошибками в асинхронном коде Swift, научим тестировать компоненты Vue.js, приведем примеры того, как хранить файлы в Android с помощью Firebase, и поможем добавить цветовые темы в приложение. в Эскизе.
Как хранить файлы в Android с помощью Firebase?
Облачное хранилище Firebase предоставляет простой способ удаленного хранения файлов и извлечения их при..
Компоненты Vue.js - слушатели, ссылки и шаблоны
Vue.js - это простой в использовании фреймворк для веб-приложений, который мы можем использовать для разработки интерактивных интерфейсных приложений.
В этой статье мы рассмотрим программные прослушиватели событий, рекурсию, циклические ссылки и альтернативные способы определения шаблонов.
Слушатели программных событий
В дополнение к отправке событий с помощью $emit и прослушиванию их с помощью v-on , Vue также предоставляет другие методы в своем интерфейсе событий. Доступны..
