Публикации по теме front-end-development

Публикации по теме 'front-end-development'

Решено: альтернатива scrollIntoView () по умолчанию

Привет, я предполагаю, что вы знакомы с javascript и использовали scrollIntoView в своей работе. Если нет, прочтите эту статью для лучшего понимания. Этот пост предназначен для вас, если вы столкнулись с проблемой, используя метод element.scrollIntoView () для выделения элемента в представлении экрана. Проблемы, с которыми вы могли столкнуться, заключаются в следующем: Иногда поведение scrollIntoView является неожиданным (сама страница перемещается вместо перемещения элемента)..

React, хуки, массивы и setTimeout

Недавно мне было поручено создать компонент уведомления, который на несколько секунд будет отображать сообщение, а затем исчезать. Это звучало нормально, пока я не узнал, что на самом деле нужно разместить массив сообщений. Вот пример использования setTimeout() с одиночным уведомлением: Обратите внимание, что ловушка useEffect() запускается всякий раз, когда message изменяется. И message устанавливается на '' внутри setTimeout() . Чтобы обрабатывать несколько..

Компонент полного календаря Vue

Компонент полного календаря Vue Гитхаб-страница http://g.recordit.co/vovteJ5m9o.gif Так как это называется. Это компонент fullCalendar, основанный на vue.js. Не требуется Jquery или fullCalendar.js. В настоящее время он поддерживает только просмотр месяца. В следующих словах я буду использовать fc для обозначения vue-fullcalendar. Не стесняйтесь загружать его, переделывать и использовать в своем проекте. установить откройте свой проект и запустите эту команду. npm..

Внутренняя работа Map, Reduce & Filter в JavaScript

Некоторое время я использую map, reduce, filter в своей базе кода, но чтение книги Луиса Атенсио «Функциональное программирование в Javascript» подтолкнуло меня к изучению ее реализации. Давайте лучше поймем эти «неизменные» (в кавычках) драгоценные камни и, в частности, ответим на why и how вопросы? Для лучшего понимания давайте создадим класс с некоторыми свойствами, на которые мы можем ссылаться в остальной части блога. Шаг 1 : построение нашего примера Предположим, что..

Освоение функций сокращения

Основы: понимание сокращения Метод reduce() — одно из самых недооцененных дополнений ES6 к ландшафту Javascript. Это инструмент в моем наборе инструментов, который я использую почти ежедневно. Это также метод, который младшим разработчикам, похоже, трудно усвоить. Может возникнуть путаница в правильном использовании. Вот несколько причин для этого: Ваша функция должна возвращать значение . В большинстве случаев это обновленный аккумулятор. Начальным значением может быть что..

CSS для начинающих: что такое CSS и как его использовать в веб-разработке?

HTML, CSS и JavaScript … 3 основных языка интерфейсной веб-разработки . В этой статье я расскажу об основах CSS. Так что, если вы не знаете о CSS или не знаете, как его использовать, эта статья для вас :) Мы рассмотрим, что такое CSS, как писать правила CSS и как добавлять их в HTML. В качестве предварительного условия, если вы ничего не знаете о веб-разработке, я рекомендую вам сначала разобраться в HTML. Что такое CSS? CSS (каскадные таблицы стилей) - это язык для..

Лучший интерфейсный фреймворк для приложения Ruby On Rails - Ember.JS или AngularJS?

Мы говорим об этом поколении пользователей и их растущей нетерпимости к пятисекундной задержке загрузки страницы или к слишком большому количеству уведомлений и рекламы. Видите ли, изменения коснулись не только вашего пользователя, но и вашего разработчика, который ожидает гораздо большего от инструментов, которые они выбирают. Мгновенное удовлетворение делает наше поколение вечно нетерпеливым. Раньше клиентская часть вашего приложения представляла собой тонкий слой HTML, файлов..