У меня есть блок с 200-300 точками, при клике по которым применяется класс .active. Задача состоит в том, чтобы при нажатии на кнопку запускался скрипт и выбирал все дата атрибуты с .active и создавал json. Надумал два метода решения:
1. При клике вытаскивать через find() все .active блоки.
2. При клике по блоку сразу же добавлять json к уже созданной строке.
Какой из этих вариантов быстрее, если учитывать, что при повтором клике снимается класс active и следовательно, нужно будет удалять json с данными из общей строки?
Второе (на слух) кажется лучше, т.к к моменту нажатия кнопки данные подготовлены заранее. Время потраченные на их подготовку на отзывчивость UI, я так понимаю, не влияет. А это главное. И вообще (не знаю, но уверен) в json копаться явно быстрее, чем в dom.
Вариант с обработкой json, разумеется, будет более производительным. Но при таком кол-ве элементов вы вряд ли почувствуете разницу. Набросал небольшую демку - https://jsfiddle.net/crazzzy/g6z3c1qL/. 300 элементов у меня обрабатывает примерно за 20мс.