Что представляет собой механизм всплытия событий в JavaScript? Приведите пример.

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

Приведу пример:

 <div> первый
   <div> второй
     <div> третий</div>
   </div>
 </div>

Клик по div "третий" вызывает событие onclick сначала на элементе "третий", затем на элементе "второй" и в конце концов на элементе "первый". Это и называется всплытием, событие всплывает от самого вложенного элемента вверх через родителей. Так будет продолжаться пока не достигнем объект Document и затем Window. Всплытие реализовано во всех браузерах, включая IE.

👉 @frontendInterview

👉 @frontendInterview

Пояснение:

Оператор декремента (--) уменьшает (вычитает единицу) свой операнд и возвращает значение.

Если используется постфикс, с оператором после операнда (например, x--), оператор декремента уменьшает и возвращает значение перед уменьшением.

Если используется префикс, с оператором перед операндом (например, --x), оператор декремента уменьшает и возвращает значение после уменьшения.

👉 @frontendInterview

Essential TypeScript (2019)

Работайте с Typenoscript и получите максимальную отдачу от этого универсального языка. Автор начинает эту книгу с описания Typenoscript и его преимуществ, и далее показывает, как использовать TypeScript в реальных проектах. Начиная с основ и заканчивая самыми продвинутыми и сложными фичами TypeScript, вы узнаете, как он строится на системе типов JavaScript, чтобы создать более безопасную и более продуктивную среду разработки, и поймете, как TypeScript можно использовать для создания приложений с использованием популярных фреймворков, таких как Node.js, Angular, React и Vue.js.

👉 @frontendInterview

Получить название планеты по ID

Вам дана функция, которая работает некорректно. Найдите ошибку и исправьте её.

Примеры:
getPlanetName(2) => 'Venus'
getPlanetName(3) => 'Earth'

👉 @frontendInterview

Node.js Design Patterns (2020)

Книга знакомит с передовыми практиками и шаблонами, которые помогут вам с легкостью создавать эффективные и надежные приложения с Node.js. Она предназначена для разработчиков программного обеспечения, которые имеют некоторые предварительные базовые знания о JavaScript и Node.js и теперь хотят получить максимальную отдачу от этих технологий с точки зрения производительности, качества дизайна и масштабируемости.

👉 @frontendInterview

Сколько элементов будет в объектах elems1 и elems2 в результате выполнения этого кода и почему?

elems1.length == 3;
elems2.length == 2;

По сути оба метода представляют собой поиск элементов в документе. В данном случае ссылок. Однако метод getElementsByTagName() возвращает так называемую "живую коллекцию" элементов, т.е. при каждом вызове он снова выполняет поиск и в коллекцию добавляются элементы, которые появились в документе уже после присвоения.
Метод querySelectorAll() выполняет поиск единожды и, на момент присвоения, находит только два элемента "а". Если же выполнить поиск этим методом после создания нового элемента, querySelectorAll() вернет соответствующую истине коллекцию с тремя элементами.

👉 @frontendInterview

👉 @frontendInterview

Когда при проверке несуществующего поля в каком-либо объекте на null будет выдано сообщение true?

Результатом будет

 false
 true
 true
 true

Так как поле wiper не объявлено в объекте window.
А оператор === проверяет более строго, учитывая тип переменной, который в данном случае undefined.

👉 @frontendInterview

Sort and Star

Вам дан массив строк. Отсортируйте их в алфавитном порядке и верните первую строку. Между каждой буквой в возвращенной строке должны быть "***"

Пример:
twoSort(["bitcoin", "take", "over", "the", "world", "maybe", "who", "knows", "perhaps"])

результат
'b***i***t***c***o***i***n'

👉 @frontendInterview

👉 @frontendInterview

В чём различие свойств innerHTML и outerHTML?

Свойство innerHTML содержит HTML код, который находится внутри этого элемента. При установке нового значения этого свойства, внутренний HTML код рендерится браузером заново.
outerHTML почти аналогичен innerHTML, разница в том, что он возвращает полный HTML элемента.

Для кода:

 <div class='outer'> 
     <p class='inner'></p> 
 </div> 

innerHTML возвратит:

 <p class='inner'></p>

outerHTML возвратит:
<div class='outer'><p class='inner'></p></div>

👉 @frontendInterview

👉 @frontendInterview

Зачем нужны регулярные выражения?

1. Сравнение с шаблоном: Регулярные выражения отлично помогают определять, соответствует ли строка тому или иному формату – например, телефонному номеру, адресу электронной почты или номеру кредитной карты.

2. Замена: При помощи регулярных выражений легко находить и заменять шаблоны в строке. Так, выражение text.replace(/s+/g, " ") заменяет все пробелы в text, например, " nt ", одним пробелом.

3. Извлечение: При помощи регулярных выражений легко извлекать из шаблона фрагменты информации. Например, name.matches(/^(Mr|Ms|Mrs|Dr)\.?s/i)[1] извлекает из строки обращение к человеку, например, "Mr" из "Mr. Schropp".

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

👉 @frontendInterview

👉 @frontendInterview