Frontend Interview - собеседования по Javascript / Html / Css

👉 @frontendInterview

Что такое IIFE? IIFE (Immediately Invoked Function Expression) — это немедленно вызываемое функциональное выражение. Такое выражение выполняется немедленно после создания.

 (function IIFE(){
     console.log( "Hello!" );
 })();
 // "Hello!"

Этот паттерн часто используется для того чтобы не допустить загрязнения глобального пространства имён. Дело в том, что переменные, объявленные в IIFE (как и в любой другой обычной функции), невидимы за пределами этой функции. 👉 @frontendInterview

👉 @frontendInterview

Убрать первый и последний символ Задача проста. Вам нужно написать функцию, которая принимает строку и убирает в ней первый и последний символ. 👉 @frontendInterview

Современный фронтенд на нашем втором канале 17к фронтендеров уже читают его, подпишись и ты 👉 @seniorFront

Приведите примеры приведения к логическому типу значений, не относящихся к этому типу Суть этого вопроса в том, чтобы выяснить, какие значения, в случае преобразования их к логическому типу, превращаются в false, а какие — в true. Вот список значений, которые можно назвать «ложными» (falsy). Они, при преобразовании к логическому типу, превращаются в значение false: 1. «» (пустая строка). 2. 0, -0, NaN (не-число). 3. null, undefined. «Ложным» является и логическое значение false. Любое значение, которое не входит в этот список, при его преобразовании к логическому типу, превращается в true (такие значения называют «истинными» — truthy). Например: 1. «hello». 2. 42. 3. [ ], [ 1, «2», 3 ] (массивы). 4. { }, { a: 42 } (объекты). 5. function foo() { .. } (функции). «Истинным» является и логическое значение true. 👉 @frontendInterview

Объясните особенности проверки равенства значений в JavaScript В JavaScript есть два оператора для проверки равенства величин. Первый — это так называемый оператор строгого равенства. Второй — оператор нестрогого равенства, при использовании которого может производиться преобразование типов проверяемых величин. 1. Оператор строгого равенства (===) проверяет значения на равенство, не выполняя при этом преобразования типов. 2. Оператор нестрогого равенства (==) проверяет значения на равенство, выполняя их приведение к общему типу.

 var a = "42";
 var b = 42;

 a == b;         // true
 a === b;        // false

Вот некоторые правила, касающиеся использования различных операторов проверки равенства в JavaScript: 1. Если любое из сравниваемых значений может быть значением true или false — постарайтесь избегать оператора ==. Используйте оператор ===. 2. Используйте оператор === в том случае, если работаете со следующими значениями: 0, «» или [] (пустой массив).

Vue.js в действии Vue.js – это популярная библиотека для создания пользовательских интерфейсов. В ней значительно переосмыслены реактивные идеи, впервые появившиеся в React.js. Книга «Vue.js в действии» рассказывает о создании быстрых и эластичных пользовательских интерфейсов для Интернета. Освоив ее, вы напишете полноценное приложение для интернет-магазина, где будут присутствовать списки товаров, админка, а также организован полноценный процесс онлайнового заказа. 👉 @frontendInterview

Разница между максимальными длинами Вам даны два массива строк. Вам нужно найти разницу между длинами самой длинной строки первого массива и самой длинной строки второго массива. Пример: a1 = ["hoqq", "bbllkw", "oox", "ejjuyyy", "plmiis", "xxxzgpsssa", "xxwwkktt", "znnnnfqknaz", "qqquuhii", "dvvvwz"] a2 = ["cccooommaaqqoxii", "gggqaffhhh", "tttoowwwmmww"] mxdiflg(a1, a2) --> 13

Алгоритмы — это основа программирования, определяющая, каким образом программное обеспечение будет использовать структуры данных. Вы познакомитесь с базовыми аспектами построения алгоритмов, основными понятиями и определениями, структурами данных, затем перейдете к основным методам построения алгоритмов, неразрешимости и методам решения неразрешимых задач, и, наконец, изучите рандомизацию при проектировании алгоритмов. 👉 @frontendInterview

👉 @frontendInterview

​В чём разница между объектами Map и WeakMap? Эти объекты ведут себя по-разному в том случае, если переменная, содержащая ссылку на объект, являющийся ключом одной из пар ключ/значение, оказывается недоступной. Вот пример:

 var map = new Map();
 var weakmap = new WeakMap();

 (function() {
     var a = {
         x: 12
     };
     var b = {
         y: 12
     };

     map.set(a, 1);
     weakmap.set(b, 2);
 })()

После того, как завершается выполнение IIFE, у нас уже не будет доступа к объектам a и b. Поэтому сборщик мусора удаляет ключ b из weakmap и очищает память. А вот содержимое map остаётся при этом неизменным. В результате оказывается, что объекты WeakMap позволяют сборщику мусора избавляться от тех своих записей, на ключи которых нет ссылок во внешних переменных. Объекты map хранят пары ключ/значение вне зависимости от наличия или отсутствия внешних ссылок на ключи. То же самое можно сказать и о реализации структуры данных Map с использованием обычных массивов. В WeakMap используются «слабые» ссылки на ключи. Они не препятствуют работе сборщика мусора в том случае, если на объект, используемый в роли ключа, нет других ссылок. 👉 @frontendInterview

Хотите освоить фронтенд-разработку? Начните 24 июня с demo-занятия «Создание интерактивных страниц, работа с анимациями»! Вместе с преподавателем Эржаном Торокуловым вы рассмотрите способы создания интерактивных страниц, научитесь анимировать переходы состояний HTML элементов, а также создадите анимации как на CSS, так и на JavaScript. Для регистрации на вебинар оставьте заявку 👉 https://otus.pw/x77y/