Чему я научился на JavaScript 30 (веб-курс — https://javascript30.com/)
вар, пусть, константа
var и let предназначены для переменных. var можно использовать для глобальной переменной, а let только для области блока. const используется только в том случае, если значение не будет переназначаться.
данные-*
Это помогает хранить простые данные в 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))
Браузеры поддерживают набор данных и данные-*
‹аудио›
Поддерживаемые атрибуты: автовоспроизведение, элементы управления, цикл, предварительная загрузка, источник.
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);
к активному классу.
Когда что-то делаешь с одним элементом, сначала нужно выделить его, а потом применить к нему эффект. Вышеприведенное придаст элементу такой эффект и сообщит пользователю, какой из них выбран.