Телеграмм чат группы js

Приветик, я сейчас со знакомым кодил, так вот возник вопрос как лучше вешать событие.
Предположим событие нужно повесить на 100 одинаковых кнопок:
1) лучше на каждую кнопку повесить событие
2) лучше в родительсков элементе повесить одно событие, в котором проверяется если это кнопка?

источник

01:52пожаловаться #7

Славик in JS Liberty

источник

01:59пожаловаться #8

Th0r in JS Liberty

MultiFruit

https://github.com/sveltejs/svelte/issues/1098 там замеры времени установки обработчиков. С делегированием - это общий на родителя, без - индивидуальные

GitHub

Event delegation (e.g. for click listeners) · Issue #1098 · sveltejs/svelte

I brought up in the Gitter today that it might be nice to have built-in support for event delegation. For instance, if I have a list of 1000 buttons, I don't necessarily want to add 1000 cl...

источник

01:59пожаловаться #9

MultiFruit in JS Liberty

Клево, спасибо:)

источник

02:04пожаловаться #10

Th0r in JS Liberty

MultiFruit

Клево, спасибо:)

Только учитывай и свои кнопки, например изменить дата атрибут для каждой кнопки (один из вариантов определения какая кнопка нажата) займет практически столько же времени. Линус Борг из вью писал что до 1000 элементов особо заморачиваться не стоит, а если у тебя столько элементов, то виртуал лист делай

источник

02:19пожаловаться #11

Denis Efremov in JS Liberty

У каждого свои кнопки в голове

источник

02:19пожаловаться #12

Th0r in JS Liberty

https://forum.vuejs.org/t/is-event-delegation-necessary/3701

Vue Forum

Is event delegation necessary?

Bear with me, I’m new to vue.js, coming from a jQuery-based worldview and couldn’t find an answer to this question… Assume I have some template like this: <li v-for="item in items">{{ item.label }} If I want to listen to clicks on list items, in jQuery I would generally use event delegation to put a single click listener on UL to listen for clicks on any LI. From what I can tell so far in vue.js, I put my v-on:click on the LI in the template. Does this automatically detect ...