Чему я научился на JavaScript 30 (веб-курс — https://javascript30.com/)

вар, пусть, константа

var и let предназначены для переменных. var можно использовать для глобальной переменной, а let только для области блока. const используется только в том случае, если значение не будет переназначаться.

var, let и const в javascript

данные-*

Это помогает хранить простые данные в HTML DOM.
Его можно использовать для связывания различных элементов HTML по одному и тому же значению в одном определенном атрибуте данных.

En-MDN: использование атрибутов данных
Ch-W3School: атрибуты данных в w3school
Ch-Blog: введение в атрибуты данных в HTML5

Как использовать в прослушивателе событий

window.addEventListener(‘keydown’,function(e){
const myaudio=document.querySelector(‘audio[data-key=”${e.keyCode}”]’);
})

При использовании даже слушателя в массиве следует использовать forEach:

yourarrayname.forEach(el=›el.addEventListener(‘transitionend’,callbackfunctionname))

Браузеры поддерживают набор данных и данные-*

‹аудио›

Поддерживаемые атрибуты: автовоспроизведение, элементы управления, цикл, предварительная загрузка, источник.

Ch-W3School: аудио

currentTime: и аудио, и видео поддерживают «currentTime».

myaudio=document.getElementById(‘#audioidname’)
myaudio.currentTime=5;

воспроизвести:

myaudio.play()

селектор запросов

В чем разница между getElement и querySelector?
1. querySelector не может выбрать элементы, которые будут изменены или созданы позже.
Например: если у вас есть 3 ‹li› элементов на исходной странице, затем вы создали еще 3 ‹li›, запустив код, например 'append'. Теперь вы увидите 6 ‹li›, и вы можете использовать elementBy, чтобы найти 6 ‹li›, в то время как querySelector найдет только 3 ‹li›.
2. Имя не может начинаться с цифры в querySelector.
Неверно: querySelector('.3d')
Правильно: querySelector('.dd')

Добавить класс в список классов

Js

myaudio.classList.add('имя класса')

JQuery

myaudio.addClass («имя класса»)

Удалить и переключить имя класса поддерживаются в двух выше, заменив «добавить» на «удалить» и «переключить».

Эффект: переход и трансформация

Давать

переход: все 1с;

к классу по умолчанию и дать

преобразование: масштаб (1.2);

к активному классу.

Когда что-то делаешь с одним элементом, сначала нужно выделить его, а потом применить к нему эффект. Вышеприведенное придаст элементу такой эффект и сообщит пользователю, какой из них выбран.