Please enable JavaScript.
Coggle requires JavaScript to display documents.
Д.Лаврик. JavaScript. Интенсивный курс для верстальщиков (объекты…
Д.Лаврик. JavaScript. Интенсивный курс для верстальщиков
объекты (ассоциативный) ключ = значение
методы
свойства
события (event)
Подписываем объект на событие и с помощью методов меняем его свойства
добавление одного события
document.body.onclick = function(e){}
подвешивание нескольких событий
document.body.addEventListener('click', function()
Подвешивание своей функции на событие
document.body.addEventListener('click', some);
4.Передача параметров в функции
замыкания
использование атрибутов из DOM
5.Работа с атребутами
Работа с style.border = "1px solid red"
Убрать нативное событие
return false
Event.preventDefault()
Использование флагов
var flag = false
Всплытие событий
Работа с объектами
Цикл для перебора всего объекта
for( var k in this){
У объектов нет length !!!
вывод свойства
b.name
b['name']
this
контекст вызова
DOM
Поиск элементов
document.querySelector()
возвращает один элемент
document.querySelectorAll()
возвращает массив элементов DOM
for(i = 0; i < arr.length; i++){ arr[ i ] }
для навешивания на массив событий нужно пройтись по нему циклом
Атрибуты
получить атрибут this.getAttribute('name');
data-value
Функции
some() - вызов сразу
вызов в глобальном контексте
some - вызов по событию
отложенная функция
параметры
function( a , b)
ЗАМЫКАНИЕ
function name(){ var a = 10, function nameOne(e){ console.log(a)}}
доп
В JS логтка ассинхронной работы ( а в PHP сверху в низ)
Работай в JS только с классами (добовляй удоляй), не нужно в код добовлять css!
Приметивные типы
Число
Строка
null
undefined
boolean
Массивы(arrey) нумерованный (индекс = значение)
Работа с массивами
цикл для перебора всего массива
for(i = 0; i < arr.length; i++){ arr[ i ] }
основные навыки в программирование
Умение составлять логическую схему
Делать отладку кода (понимать как она делается)
Гуглить
Читать и понимать уже написанный код