.

Всем привет. Играюсь в JS, экспериментирую в Drag'n'Drop. Кликаем на кнопку, создаётся квадрат произвольного цвета и размера и его можно перетаскивать по странице. Вот код: http://codepen.io/anon/pen/gLZwmq В конце скрипта вызываю нажатие на кнопку создания квадрата 50 000 раз и вот с какой особенностью сталкиваюсь. Когда делаю это локально на своём компе, то перетаскивание подтормаживает из-за большого кол-ва объектов на странице. Как это можно оптимизировать в моём коде? И ещё вопрос: когда загружаю на codepen.io - после рендера странички ничего не тоормозит. Почему так происходит? По логике, локально должно работать в разы быстрее, а по факту наоборот. Кодепен как-то хитро умеет оптимизировать код? И если да, то как он это делает и как заставить мой код без тормозов работать с 50 000- 100 000 элементами?

Всем привет. Играюсь в JS, экспериментирую в Drag'n'Drop. Кликаем на кнопку, создаётся квадрат произвольного цвета и размера и его можно перетаскивать по странице. Вот код: http://codepen.io/anon/pen/gLZwmq В конце скрипта вызываю нажатие на кнопку создания квадрата 50 000 раз и вот с какой особенностью сталкиваюсь. Когда делаю это локально на своём компе, то перетаскивание подтормаживает из-за большого кол-ва объектов на странице. Как это можно оптимизировать в моём коде? И ещё вопрос: когда загружаю на codepen.io - после рендера странички ничего не тоормозит. Почему так происходит? По логике, локально должно работать в разы быстрее, а по факту наоборот. Кодепен как-то хитро умеет оптимизировать код? И если да, то как он это делает и как заставить мой код без тормозов работать с 50 000- 100 000 элементами?

ну как бы... кодпен не идиоты console_runner-5710c30….js:1 [CodePen]: An infinite loop (or a loop taking too long) was detected, so we stopped its execution. Sorry!

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

Всем привет, что означает __status__: 4 в Relay ? http://joxi.ru/52an6B8UwnxbA0

господа киньте ссылку на список телеграм чатиков

https://github.com/yukuku/telebot

что ты делаешь?

я к тому что я сначала погуглил потом стал тупые вопросы писать

Код длинный будет.

веселая штука

Ага. Можно на пол часа залипнуть, перетаскивая квадраты в надежде добраться до холста.

Ага. Можно на пол часа залипнуть, перетаскивая квадраты в надежде добраться до холста.

к стати когда по ссылке перехожу туда так браузер подвисает

Ну написано же английским по белому, попробуй зареквайрить сорцы модуля, а не его build-версию, чтобы Webpack мог подтянуть из них только то, что тебе надо.

Спасибо, на выходных попробую. Я правильно понимаю, что таким образом вебпак толкает идеологию что все-все должно собираться из исходников, чтобы это можно было дополнительно оптимизировать?

прикольная либка https://github.com/testdouble/testdouble.js апи попроще и полегче sinon'а

флоу?

проблема потом менять

а есть альтернатива?

Писать код который не надо мокать

Писать код который не надо мокать

подскажите, как селектором выбрать только элементы у которых display отличен от none? Есть тег li, в нем несколько спан. часть спан скрывается display:none. мне нужно выбрать первый видимый элемент. или просто, видимый. смотрел, вроде нет псевдоклассов нормальных

в смысле везде аналог redux-saga юзать?

например, а то я чет туплю

Только если ещё не ввели :visible псевдо селектор

я хочу понять что ты предлагаешь делать с кодом и тестами

Флоу

я хочу понять что ты предлагаешь делать с кодом и тестами