Какое значение свойства font-size у элемента span?
Anonymous Quiz
55%
12px
40%
24px
1%
96px
3%
36px
1%
72px
Что такое распространение события (Event Propagation)?
Когда какое-либо событие происходит в элементе DOM, оно на самом деле происходит не только в нем. Событие «распространяется» от объекта Window до вызвавшего его элемента (event.target). При этом событие последовательно пронизывает (затрагивает) всех предков целевого элемента. Распространение события имеет три стадии или фазы:
1. Фаза погружения (захвата, перехвата) — событие возникает в объекте Window и опускается до цели события через всех ее предков.
2. Целевая фаза — это когда событие достигает целевого элемента.
3. Фаза всплытия — событие поднимается от event.target, последовательно проходит через всех его предков и достигает объекта Window.
Когда какое-либо событие происходит в элементе DOM, оно на самом деле происходит не только в нем. Событие «распространяется» от объекта Window до вызвавшего его элемента (event.target). При этом событие последовательно пронизывает (затрагивает) всех предков целевого элемента. Распространение события имеет три стадии или фазы:
1. Фаза погружения (захвата, перехвата) — событие возникает в объекте Window и опускается до цели события через всех ее предков.
2. Целевая фаза — это когда событие достигает целевого элемента.
3. Фаза всплытия — событие поднимается от event.target, последовательно проходит через всех его предков и достигает объекта Window.
Какое значение примет result?
Anonymous Quiz
18%
[object Object]
5%
Null
50%
undefined
23%
[object Undefined]
4%
[Object]
В чем разница между методами event.preventDefault() и event.stopPropagation()?
event.preventDefault() отключает поведение элемента по умолчанию.
Если использовать этот метод в элементе form, то он предотвратит отправку формы (submit). Если использовать его в contextmenu, то контекстное меню будет отключено
Метод event.stopPropagation() отключает распространение события (его всплытие или погружение), то есть событие сработает только на том элементе, у event которого вызван stopPropagation
event.preventDefault() отключает поведение элемента по умолчанию.
Если использовать этот метод в элементе form, то он предотвратит отправку формы (submit). Если использовать его в contextmenu, то контекстное меню будет отключено
Метод event.stopPropagation() отключает распространение события (его всплытие или погружение), то есть событие сработает только на том элементе, у event которого вызван stopPropagation
Какое изначальное значение у CSS свойства flex-basis?
Anonymous Quiz
18%
0
16%
initial
6%
unset
48%
auto
13%
1
Что такое цель события или целевой элемент (event.target)?
Простыми словами, event.target — это элемент, в котором происходит событие, или элемент, вызвавший событие.
Имеем такую разметку:
Простыми словами, event.target — это элемент, в котором происходит событие, или элемент, вызвавший событие.
Имеем такую разметку:
<div onclick="clickFunc(event)">
<div>
<div>
<button>
Button
</button>
</div>
</div>
</div>
И такой простенький JS:function clickFunc(event) {
console.log(event.target)
}
Мы прикрепили «слушатель» к внешнему div. Однако если мы нажмем на кнопку, то получим в консоли разметку этой кнопки. Это позволяет сделать вывод, что элементом, вызвавшим событие, является именно кнопка, а не внешний или внутренние div.Какое значение примет result?
Anonymous Quiz
24%
number
41%
undefined
2%
null
22%
ReferenceError
10%
95
Pro TypeScript
TypeScript - это язык программирования, созданный компанией Microsoft, для расширения возможностей популярного языка JavaScript. На TypeScript написан знаменитый фреймворк Angular. В этом руководстве вы будете углублять свои знания на этом языке, исследуя систему типов, представленную в TypeScript, объектные возможности и основы работы компилятора языка.
TypeScript - это язык программирования, созданный компанией Microsoft, для расширения возможностей популярного языка JavaScript. На TypeScript написан знаменитый фреймворк Angular. В этом руководстве вы будете углублять свои знания на этом языке, исследуя систему типов, представленную в TypeScript, объектные возможности и основы работы компилятора языка.
Почините регистр
Напишите функцию, которая принимает строку и преобразует регистр её символов.
Если больше заглавных букв - то все буквы должны быть заглавными.
Если больше строчных - то соответственно все должны стать строчными.
Если одинаковое количество строчных и заглавных - то все буквы должны стать строчными
Примеры:
Напишите функцию, которая принимает строку и преобразует регистр её символов.
Если больше заглавных букв - то все буквы должны быть заглавными.
Если больше строчных - то соответственно все должны стать строчными.
Если одинаковое количество строчных и заглавных - то все буквы должны стать строчными
Примеры:
solve("coDe") = "code"
solve("CODe") = "CODE"
solve("coDE") = "code"React Design Patterns and Best Practices
В книге рассказывается о том, как, работая с React.js, применять существующие шаблоны проектирования в разных ситуациях, будь то новые или уже существующие проекты. Книга поможет вам начать работать с React, создавая ваши проекты более гибкими, эффективными и простыми в обращении, значительно повышая скорость рабочего процесса без снижения качества.
В книге рассказывается о том, как, работая с React.js, применять существующие шаблоны проектирования в разных ситуациях, будь то новые или уже существующие проекты. Книга поможет вам начать работать с React, создавая ваши проекты более гибкими, эффективными и простыми в обращении, значительно повышая скорость рабочего процесса без снижения качества.
Что такое текущая цель события (event.currentTarget)?
Event.currentTarget — это элемент, к которому прикреплен прослушиватель событий.
Разметка
Event.currentTarget — это элемент, к которому прикреплен прослушиватель событий.
Разметка
<div onclick="clickFunc(event)">
<div
<button>
Button
</button>
</div
</div>
JS function clickFunc(event) {
console.log(event.currentTarget)
}
Мы прикрепили слушатель к внешнему div. Куда бы мы ни кликнули, будь то кнопка или внутренний div, в консоли мы всегда получим разметку внешнего div. Это позволяет заключить, что event.currentTarget — это элемент, к которому прикреплен прослушиватель событий.В чем разница между операторами "==" и "==="?
Разница между оператором "==" (абстрактное или нестрогое равенство) и оператором "===" (строгое равенство) состоит в том, что первый сравнивает значения после их преобразования или приведения к одному типу (Coersion), а второй — без такого преобразования.
Преобразование представляет собой процесс приведения значения к другому типу или, точнее, процесс приведения сравниваемых значений к одному типу. При сравнении оператор "==" производит так называемое неявное сравнение.
Разница между оператором "==" (абстрактное или нестрогое равенство) и оператором "===" (строгое равенство) состоит в том, что первый сравнивает значения после их преобразования или приведения к одному типу (Coersion), а второй — без такого преобразования.
Преобразование представляет собой процесс приведения значения к другому типу или, точнее, процесс приведения сравниваемых значений к одному типу. При сравнении оператор "==" производит так называемое неявное сравнение.
Комбинатор монет
Напишите функцию, которая принимает число, которое представляет собой количество центов. Функция должна вернуть массив чисел coins, где
Пример:
Напишите функцию, которая принимает число, которое представляет собой количество центов. Функция должна вернуть массив чисел coins, где
coins[0] = pennies ==> $00.01
coins[1] = nickels ==> $00.05
coins[2] = dimes ==> $00.10
coins[3] = quarters ==> $00.25
Таким образом, вам нужно подобрать комбинацию из монет, которая будет равна входному числуПример:
coinCombo(6) --> [1, 1, 0, 0]