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


Пережить JavaScript-апокалипсис
Пережить JavaScript-апокалипсис Спасибо всем, кто посетил семинар Kickstarter по разработке 3 декабря 2019 года в Philips, Бангалор. Было очень приятно видеть вас всех здесь в качестве зрителей, и в завершение моей сделки вот дополнительный материал с семинара (в форме этой статьи). Просмотрите развернутое приложение, над которым вы все работали на этом семинаре. Это хороший первый шаг к изучению фреймворка! Как правильно выразился Джефф Делани, JavaScript в наши дни подобен..
Создание директивы ClickOutSide во Vue
В настоящее время в большинстве веб-приложений, которые мы создаем и используем, есть много компонентов пользовательского интерфейса, таких как открытие всплывающего окна, раскрывающийся список и закрытие его, когда пользователь щелкает за его пределами. В некоторых всплывающих окнах у нас может быть очень сложный пользовательский интерфейс или функциональность, которые мы не сможем найти в какой-либо внешней среде CSS, такой как bootstrap, foundation и т. Д., Поэтому, наконец, нам..
«Прогрессивные веб-приложения в 2021 году» + еще 6 статей, которые необходимо прочитать
Выпуск # 206 Как структурировать проект Vue.js Есть много способов организовать папку проекта Vue.js. Вот подход, который подойдет как для малых, так и для крупных проектов. Https://itnext.io/how-to-structure-my-vue-js-project-e4468db005ac Инклюзивные компоненты: обеспечение доступности модальных окон В этой статье объясняются особенности доступности модальных окон для пользователей с ограниченными возможностями...
Javascript: как реализовать стек за 3 минуты
Вступление Итак, несколько дней назад я провел опрос своих историй в Instagram , и по результатам этого опроса я решил написать в блоге сообщение на тему СТЕКИ при использовании JavaScript. Какая структура данных стека? Стек - это структура данных, которая следует принципу ПОСЛЕДНИЙ НАПЕРВЫМ (LIFO) . Есть несколько реальных примеров, например тарелки, книги, сложенные друг на друга и т. д. Удаление и добавление новых предметов в стопку происходит на одном конце...
Quick Vue: как реализовать функцию «читать дальше»
Привет, в этой очень короткой статье я покажу вам, как можно легко реализовать функцию «Читать дальше…» с помощью VueJs. Функция «Читать дальше» особенно полезна, когда у вас есть длинный блок текста, но вы не хотите отображать его сразу, например, как на сайте quora. Не теряя времени, приступим. В существующем приложении vue - вы можете создать новое с помощью vue create projectname или, если вы используете его непосредственно в браузере, включите скрипт vue <script..
Выделенный компонент флажка Vue.js
Когда я только начинал погружаться в мир Front End, Vue.js был одним из моих первых JavaScript-фреймворков, которые я изучил. И это, пожалуй, один из самых простых и минималистичных фреймворков JavaScript, с которого можно начать работу. Одной из моих проблем было преобразовать всю мою разметку HTML / CSS в компоненты Vue, одним из которых был флажок. Это моя упрощенная разметка: <div id="app"> <input type=”checkbox” v-model=”checkData”> {{ checkData }}..
Тестирование компонента Vue, часть 2: первый тест и снимки
Давайте подробнее рассмотрим tabs.test.js . В верхней части файла вы можете увидеть эту строку beforeEach(() => { Функция, переданная в beforeEach , будет запускаться перед каждым тестом. Он используется для настройки «мира», в котором вы тестируете. Он эквивалентен методу setUp PHPUnit, если вы с ним знакомы. Посмотрим, что внутри beforeEach . Первое, что там происходит, это следующее: document.body.innerHTML = ` <div id="app"> <tabs>..