Frontend Interview - собеседования по Javascript / Html / Css
10.2K subscribers
2.09K photos
117 videos
320 files
494 links
Канал для подготовки к собеседованиям по фронтенду

Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/frontendinterview

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Что делает оператор for..in? Какие имеются особенности при использовании этого оператора с массивами?

Цикл for...in проходит через перечисляемые свойства объекта. Он пройдёт по каждому отдельному элементу.

Синтаксис:
 for (variable in object) {...}

Замечание: for...in не следует использовать для массивов, где важен порядок индексов.

Индексы массива - это перечисляемые свойства с целочисленными именами, в остальном они аналогичны свойствам объектов.
Нет гарантии, что for...in будет возвращать индексы в конкретном порядке. Цикл for...in возвращает все перечисляемые свойства, включая имеющие нецелочислиненные имена и наследуемые.

Так как порядок прохода зависит от реализации, проход по массиву может не произойти в правильном порядке. Следовательно лучше с числовыми индексами использовать циклы forEach() или for...of, когда проходим по массивам, где важен порядок доступа к свойствам.
​Удаление элемента из массива (какие есть способы)

Удаление последнего элемента массива
 const fruits = ["Яблоко", "Банан", "Апельсин"]
const last = fruits.pop(); // удалим Апельсин (из конца)
// ["Яблоко", "Банан"];


Удаление первого элемента массива
const first = fruits.shift(); // удалим Яблоко (из начала)
// ["Банан"];

Удаление нескольких элементов, начиная с определённого индекса
arr.splice(str) – это универсальный «швейцарский нож» для работы с массивами. Умеет всё: добавлять, удалять и заменять элементы.
 arr.splice(index[, deleteCount, elem1, ..., elemN])
Он начинает с позиции index, удаляет deleteCount элементов и вставляет elem1, ..., elemN на их место. Возвращает массив из удалённых элементов.
 let arr = ["Я", "изучаю", "JavaScript"];
arr.splice(1, 1); // начиная с позиции 1, удалить 1 элемент
// осталось ["Я", "JavaScript"]

Метод arr.slice намного проще, чем похожий на него arr.splice.
Его синтаксис:
 arr.slice([start], [end])
Он возвращает новый массив, в который копирует элементы, начиная с индекса start и до end (не включая end). Оба индекса start и end могут быть отрицательными. В таком случае отсчёт будет осуществляться с конца массива.
 let arr = ["t", "e", "s", "t"];
alert( arr.slice(1, 3) ); // e,s (копирует с 1 до 3)
alert( arr.slice(-2) ); // s,t (копирует с -2 до конца)
Дан треугольник из последовательных нечетных чисел.

Напишите функцию, которая принимает номер строки в треугольнике и возвращает сумму элементов строки.

Пример
rowSumOddNumbers(1); // 1
rowSumOddNumbers(2); // 3 + 5 = 8
Какой из перечисленных вариантов не является псевдо-классом?
Anonymous Quiz
51%
:root
27%
:first-line
5%
:active
10%
:first-child
8%
:hover
Какое значение будет у свойства length массива a и почему:
 const a = [1, 2, 3];
a[10] = 4;

length будет равен 11

Когда вы расширяете массив, изменяя его свойство length, реальное количество элементов в массиве увеличивается; например, если вы установите свойство length в 3, когда оно равно 2, массив будет из 3 элементов, где значение третьего элемента будет равно undefined

Соответственно в нашем случае добавляя десятый элемент массива, мы изменяем его свойство length. Таким образом, делаем length = 11, А элементы от 3 до 9 будут равны undefined.
Какое значение примет result?
Anonymous Quiz
18%
false
18%
262
35%
2009
29%
true
Почему 0.1 + 0.2 === 0.3 — это false?

Действительно, в JavaScript 0.1 + 0.2 на самом деле равно 0.30000000000000004. Дело в том, что все числа в языке (даже целые) представлены в формате с плавающей запятой (float). В двоичной системе счисления эти числа — бесконечные дроби. Для их хранения выделяется ограниченный объем памяти, поэтому возникают подобные неточности.
Какое значение margin-bottom у элемента div?
Anonymous Quiz
13%
10px
19%
20px
59%
30px
9%
0px
Что такое Полифиллы и шимы (shim)

Шим — это любой фрагмент кода, который перехватывает обращение к API и добавляет уровень абстракции в приложение. Шимы существуют не только в вебе.

Полифилл — это шим для веба и браузерных API — специальный код (или плагин), который позволяет добавить некоторую функциональность в среду, которая эту функциональность по умолчанию не поддерживает (например, добавить новые функции JS в старые браузеры). Полифиллы не являются частью стандарта HTML5.
Что выведется в консоль?
Anonymous Quiz
53%
false
21%
true
26%
NaN
Сила JavaScript. 68 способов эффективного использования JS

Эта книга, написанная Дэвидом Херманом, предназначена для тех, у кого уже есть базовое понимание JavaScript.
Книга «Effective JavaScript» содержит советы эксперта по JavaScript. Она написана для разработчиков с уровнем знаний от среднего и выше.
Прочтя эту книгу, вы научитесь хорошему стилю, узнаете, с чего начинать проект и как управлять им на протяжении всего периода разработки.
Напишите функцию, которая принимает число и возвращает строку "Value is VALUE", где VALUE - это число из пяти знаков.

Пример:
solution(5)
// Вернет "Value is 00005"
JavaScript. Шаблоны

Эта книга написана старшим разработчиком в Yahoo Стояном Стефановым. Она поможет вам изучить JavaScript с помощью многочисленных шаблонов программирования. Хотите вы писать фронтенд, бэкенд или десктопные приложения – этак книга является для вас лучшим выбором.
​Что делает, как и когда использовать метод reduce?

Метод arr.reduce(callback[, initialValue]) используется для последовательной обработки каждого элемента массива с сохранением промежуточного результата.

Он применяет функцию callback по очереди к каждому элементу массива слева направо, сохраняя при этом промежуточный результат.

Аргументы функции callback(previousValue, currentItem, index, arr):
previousValue – последний результат вызова функции, он же «промежуточный результат».
currentItem – текущий элемент массива, элементы перебираются по очереди слева-направо.
index – номер текущего элемента.
arr – обрабатываемый массив.

Кроме callback, методу можно передать «начальное значение» – аргумент initialValue. Если он есть, то на первом вызове значение previousValue будет равно initialValue, а если у reduce нет второго аргумента, то оно равно первому элементу массива, а перебор начинается со второго.

 var arr = [1, 2, 3, 4, 5]
// для каждого элемента массива запустить функцию,
// промежуточный результат передавать первым аргументом далее
 var result = arr.reduce(function(sum, current) {
return sum + current;
}, 0);
alert( result ); // 15
sum - предыдущий результат
current - текущее значение
0 - initialvalue