Size: a a a

JavaScript Noobs — сообщество новичков

2021 May 21

D

Danila in JavaScript Noobs — сообщество новичков
В целом - при рендере

<span data-remove-item="${key}">...


И потом куда-то на общий предок, на лист например вешаешь

commonParent.addEventListener('click', e => {
  if(e.target.dataset.removeItem) {
     const key = e.target.dataset.removeItem
    data.splice(key,1)
  }
})
источник

D

Danila in JavaScript Noobs — сообщество новичков
Типа того
источник

D

Danila in JavaScript Noobs — сообщество новичков
Но лучше конечно сплайсом ничего не делать
источник

I

Ivan in JavaScript Noobs — сообщество новичков
а, не
источник

D

Danila in JavaScript Noobs — сообщество новичков
И не забудь про то что e.target может быть не обязательно тем что тебе нужно, может быть потомком итема
источник

D

Danila in JavaScript Noobs — сообщество новичков
Тут надо бы делегировать нормально
источник

D

Danila in JavaScript Noobs — сообщество новичков
Ща
источник

D

Danila in JavaScript Noobs — сообщество новичков
источник

D

Danila in JavaScript Noobs — сообщество новичков
Конечно же, не стоит делать splice, конечно же не стоит в целом заниматься изобретением реактивной системы и конечно же для любой динамики лучше взять готовое решение типа  react/vue
источник

B

Baga in JavaScript Noobs — сообщество новичков
Спасибо! Просто изучаю JS)
источник

D

Danila in JavaScript Noobs — сообщество новичков
На таком самом простом примере ещё ок, но когда у тебя будут реальные манипуляции с данными и нужно будет перерисовать то что было по этим данным отрисовано будет проблема. Например, представь себе что тебе нужно не просто удалить одну запись по клику а например отфильтровать их

Данные-то ты отфильтруешь без проблемы. А вот дальше у тебя будет проблема с тем, чтобы понять что из DOM нужно удалить и как, и сам ты эту проблему не решишь )
источник

VD

Van Darkholme in JavaScript Noobs — сообщество новичков
Всем привет. Прочитал такое мнение:

жс классы это не синтаксический сахар а отдельная сущность поведение которой невозможно эмулировать в синтаксисе ЕС5

Перекопал различные статьи. Там сказано, что классы не синтаксический сахар потому что они по дефолту строгие, методы не перечисляемые и не вызываются без new.

Что можете еще добавить? И согласны вы с этим мнением?
источник

D

Danila in JavaScript Noobs — сообщество новичков
Строгость можно эмулировать, неперчисляемость методов тоже, а вот про new да, похоже на правду
источник

B

Baga in JavaScript Noobs — сообщество новичков
Возьму на заметку, Спасибо))
источник

J

Jakhongir in JavaScript Noobs — сообщество новичков
Классы это сахар над прототипами
источник

D

Danila in JavaScript Noobs — сообщество новичков
Для этого и нужны React например, он берут на себя работу по обновлению DOM. Ты работаешь только с данными и один раз описываешь как из данных получить DOM. Дальше ты просто меняешь данные а правильной быстрой и эффективной перерисовкой будет заниматься он
источник

D

Danila in JavaScript Noobs — сообщество новичков
Чисто академически если у них есть поведение которое невозможно повторить методами es5,то это уже не сахар
источник

а

антон in JavaScript Noobs — сообщество новичков
вопрос про рендер, если рендер компонент то и рендиться все и обновляется dom?
источник

D

Danila in JavaScript Noobs — сообщество новичков
Вызов render  в компоненте не гарантирует обновления DOM, render лишь произведёт на свет новый кусок Virtual DOM, дальше react-dom его возьмёт и будет принимать решение стоит ли обновлять настоящий DOM и если да то когда это делать. Это если речь идёт про реакт
источник

а

антон in JavaScript Noobs — сообщество новичков
да про него
источник