vasilerusnac Mar 2 2015 at 18:39

Используем время простоя веб-приложения для фоновых задач

4 min

14K

JavaScript*

From sandbox

+19

Comments 14

mrvol Mar 2 2015 at 22:20

Спасибо, очень познавательно.

mr47 Mar 3 2015 at 00:15

Underscore/lodash вам в помощь. Для сложных анимация с css transitions есть событие об окончании анимации.

fetis26 Mar 3 2015 at 11:44

у автора другая задача не «сделать что-то после анимации», а «не дать сделать во время»

mr47 Mar 3 2015 at 22:46

Не делают что то во время, делают либо до либо после. Потому что анимация это тяжелая задача, и если вы хотите идеальные 60fps не делайте кучу действий. Да могут быть случаи когда это нужно но случай автора этого явно не требует.

чтобы данные сохранялись после того, как анимация завершится

NeXTs_od Mar 3 2015 at 01:52

Сюда загляните
А так же ознакомьтесь с lodash debounce и throttle и поэксперементируйте чтоб понять в чем между ними разница

NeX Mar 3 2015 at 13:52

В lodash (в отличие от underscore) у метода Debounce больше параметров, благодоря этому throttle — обертка над debounce
github.com/lodash/lodash/blob/master/lodash.js#L7769

NeX Mar 3 2015 at 13:53

Еще одна полезная ссылка чтобы понимать разницу в реализации drupalmotion.com/article/debounce-and-throttle-visual-explanation

kashey Mar 3 2015 at 09:32

Лайфхак —

запускаем timeout на «известное время»(например 1/60 сек) и считаем другим, более крупным, таймером сколько раз он успел «тикнуть».
Если >50 — значил Idle state, можно что-то сохранить.
Если <30 — значит busy, нужно подождать.

-4

interPReDator Mar 3 2015 at 11:27

Я правильно понял, что если у нас будет подряд два раза вызываться дебаунсер с разными колбэками, то первый колбэк не выполнится?
Например:

debounce(1000, loadMorePosts);
debounce(1000, loadMoreComments);

И получается, что в дебаунсере таймаут на чтение постов очистится, и выполнится только обновление комментариев?

diogene Mar 3 2015 at 11:32

Да нет, выполнятся оба. timeout локальная скрытая переменная, для каждого вызова будет свой timeout. Вот если бы было так

var timeout = null;
function debounce(ms, cb){
    return function(){
        if(timeout) clearTimeout(timeout);
        timeout = setTimeout(cb, ms);
    }
}

Тогда да, а так нет.

interPReDator Mar 3 2015 at 12:51

а clearTimeout(timeout) для чего тогда?

-2

unel Mar 3 2015 at 12:00

Я вот только не понял — при чём тут время простоя и фоновые задачи?

VokaMut Mar 3 2015 at 13:03

Буквально неделю назад писал код обращения к API, нужно было отправлять запрос после N миллисекунд после набора текста, вот моя версия:

timeout_id=setTimeout(function(){},1);
$('#input').keyup(function() {
	$('#list').html('Пожалуйста подождите...');
	clearTimeout(timeout_id);
	timeout_id=setTimeout(getAddress,700);
});

Не знал, что это называется Дебаунсер.
Самое неприятное в процессе написания было в том, что удалить можно только существующий таймер и пришлось создавать пустой.

-1

rozboris Mar 3 2015 at 16:22

Можно было просто написать

timeout_id && clearTimeout(timeout_id);

В таком случае clearTimeout будет вызван только если timeout_id == true

Show the best of all time