В последнее время я работал над улучшением производительности веб-приложения и столкнулся со странной проблемой: отложенный onClick обработчик занял около 1200 мс, из которых 300 мс были затрачены на заданную задержку и 100 мс на выполнение обратного вызова. Так кто виноват в потере остальных 800 мс? Цикл событий JavaScript 😑. Функция setTimeout устанавливает таймер, который выполняет функцию в следующем цикле событий после истечения таймера. Это означает, что окончательная..

Что такое цикл событий? Вы, наверное, слышали, что JavaScript — это однопоточный язык. Возможно, вы даже слышали термины «стек вызовов» и «очередь событий». Большинство людей знают, что Event Loop — это то, что позволяет JavaScript использовать обратные вызовы и промисы, но это еще не все. Не вдаваясь в подробности, мы получим общее представление о том, как на самом деле выполняется код JavaScript. Стек вызовов JavaScript имеет единый стек вызовов, в котором он отслеживает, какую..

Концепция синхронного и асинхронного программирования в JavaScript - Часть 1 При выполнении JS одна из концепций, которая сбивает с толку многих разработчиков от новичков до разработчиков среднего уровня, - это Asynchronous (‘Async’) programming . Поскольку это одна из наиболее распространенных концепций в JavaScript , вам необходимо хорошо ее понять, прежде чем углубляться в JavaScript . Итак, основываясь на своих исследованиях и выводах, я решил написать статью о Concept of..

Сегодня мы поговорим о setInterval/setTimout и Dates. Существуют двухвременные события, которые являются частью объекта окна в javascript. Оба позволяют выполнять код в определенные промежутки времени. У каждого свой взгляд на то, как они используют время; они есть: setTimeout. Здесь вы передаете функцию в миллисекундах, после чего программа будет ждать определенное указанное количество миллисекунд, прежде чем запускать эту функцию. Мы вызываем метод «setTimeout» и в качестве..

Метод setTimeout() вызывает функцию или вычисляет выражение по истечении указанного количества миллисекунд. Благодаря его универсальности и широкому использованию, более 90% интервью, которые я давал или брал до сих пор, так или иначе включали эту концепцию. Поэтому я решил написать об этом для начинающих инженеров, которые хотят понять эту концепцию. Цикл «for» является одним из наиболее часто используемых циклов для перебора объекта хранения пространства (массива, объекта и т. д.)...

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