More Zeros than Ones
Вам дана строка. Создайте функцию, которая переведет ASCII символы в их двоичное представление и вернет только те символы, в представлении которых нулей больше чем единиц.
Примеры:
👉 @frontendInterview
Вам дана строка. Создайте функцию, которая переведет ASCII символы в их двоичное представление и вернет только те символы, в представлении которых нулей больше чем единиц.
Примеры:
'abcde' === ["1100001", "1100010", "1100011", "1100100", "1100101"]
True True False True False
--> ['a','b','d']
'DIGEST'--> ['D','I','E','T']👉 @frontendInterview
Как установить язык сайта и его отдельных фрагментов, и почему это важно?
Как и пользователи сайта, скринридеры могут «разговаривать» на разных языках. Это возможно благодаря встроенному в скринридер синтезатору речи.
Чтобы скринридер определил язык и правильно произнёс текст, нужно указать основной язык сайта в атрибуте lang тега <html>. В качестве значения атрибута используется так называемый «языковой тег». Чаще всего это двухбуквенный или трёхбуквенный код. Например, для английского языка используется код en, для русского — ru.
Задать язык можно не только всему документу, но и фрагменту текста. Встретив такой фрагмент, скринридер переключит языковой профиль и прочитает текст с правильным акцентом.
Пример
Определяем основной язык веб-страницы:
- браузер использует значение атрибута lang для выбора соответствующих языку шрифтов, формата даты и времени, разделителя десятичной части (точка или запятая);
- видеоплееры могут отображать субтитры на соответствующем языке;
- установленный язык используется программами автоматического перевода, такими как Google Translate, и программами для проверки орфографии.
👉 @frontendInterview
Как и пользователи сайта, скринридеры могут «разговаривать» на разных языках. Это возможно благодаря встроенному в скринридер синтезатору речи.
Чтобы скринридер определил язык и правильно произнёс текст, нужно указать основной язык сайта в атрибуте lang тега <html>. В качестве значения атрибута используется так называемый «языковой тег». Чаще всего это двухбуквенный или трёхбуквенный код. Например, для английского языка используется код en, для русского — ru.
Задать язык можно не только всему документу, но и фрагменту текста. Встретив такой фрагмент, скринридер переключит языковой профиль и прочитает текст с правильным акцентом.
Пример
Определяем основной язык веб-страницы:
<html lang="ru">
Задаём язык фрагмента. Теперь скринридер понимает, что «Lagom» надо читать на шведском, а не на русском: <p>
<span lang="sv">Lagom</span> — не слишком много, не слишком мало,
а так, что в самый раз.
</p>
Определение языка важно не только для правильной работы скринридеров:- браузер использует значение атрибута lang для выбора соответствующих языку шрифтов, формата даты и времени, разделителя десятичной части (точка или запятая);
- видеоплееры могут отображать субтитры на соответствующем языке;
- установленный язык используется программами автоматического перевода, такими как Google Translate, и программами для проверки орфографии.
👉 @frontendInterview
👍11
Присвоилось ли значение bark.animal? Если да, то какое?
Anonymous Quiz
26%
Возникла ошибка
56%
dog
17%
undefined
1%
""
👍12❤2
Как создать объект без прототипа?
Это можно сделать с помощью Object.create:
👉 @frontendInterview
Это можно сделать с помощью Object.create:
const o1 = {}
console.log(o1.toString) // [object Object]
// первым параметром передается объект-прототип
// нам прототип не нужен, поэтому передаем null
const o2 = Object.create(null)
console.log(o2.toString) // o2.toString is not a function👉 @frontendInterview
👍5❤3🔥1
Что будет выведено в консоль?
Anonymous Quiz
2%
Ты слишком молод.
45%
Ты достаточно взрослый!
25%
Error
28%
undefined
👍12❤1
Какая единица измерения является относительной и зависит от размера шрифта родительского элемента?
Anonymous Quiz
4%
px
53%
em
39%
rem
5%
Ни одна из вышеперечисленных
👍3
Что такое async/await?
async/await — относительно новый способ написания асинхронного (неблокирующего) кода в JS. Он делает код более читаемым и чистым, чем промисы и функции обратного вызова.
Использование ключевого слова «async» перед функцией заставляет ее возвращать промис.
Ключевое слово «await» можно использовать только внутри асинхронной функции. await ожидает завершения выражения справа, чтобы вернуть его значение перед выполнением следующей строчки кода.
👉 @frontendInterview
async/await — относительно новый способ написания асинхронного (неблокирующего) кода в JS. Он делает код более читаемым и чистым, чем промисы и функции обратного вызова.
Использование ключевого слова «async» перед функцией заставляет ее возвращать промис.
Ключевое слово «await» можно использовать только внутри асинхронной функции. await ожидает завершения выражения справа, чтобы вернуть его значение перед выполнением следующей строчки кода.
async function f() {
let promise = new Promise((resolve, reject) => {
setTimeout(() => resolve("готово!"), 1000)
});
let result = await promise; // будет ждать, пока промис не выполнится (*)
alert(result); // "готово!"
}
f();👉 @frontendInterview
👍8
Head First Git: A Learner's Guide to Understanding Git from the Inside Out
Многие люди, использующие Git, полагаются на «рецепты» — копирование и вставку команд, которые они находят в Интернете, не понимая, как на самом деле работает Git. Но что делать, если вы оказались в затруднительном положении, которое уже не исправить чьей-то готовой командой? С помощью этого уникального практического руководства вы изучите способы работы с Git и получите от этого удовольствие.
👉 @frontendInterview
Многие люди, использующие Git, полагаются на «рецепты» — копирование и вставку команд, которые они находят в Интернете, не понимая, как на самом деле работает Git. Но что делать, если вы оказались в затруднительном положении, которое уже не исправить чьей-то готовой командой? С помощью этого уникального практического руководства вы изучите способы работы с Git и получите от этого удовольствие.
👉 @frontendInterview
Day of the Year
Вам дана дата в формате
Пример:
👉 @frontendInterview
Вам дана дата в формате
[D, M, YYYY]. Создайте функцию, которая вычислит порядковый номер дня этой даты в году.Пример:
toDayOfYear([1, 1, 2000]) => 1👉 @frontendInterview
Что такое Event Propagation?
Когда какое-либо событие происходит в элементе
1. Фаза погружения — событие возникает в объекте
2. Целевая фаза — это когда событие достигает целевого элемента.
3. Фаза всплытия — событие поднимается от
👉 @frontendInterview
Когда какое-либо событие происходит в элементе
DOM, оно на самом деле происходит не только в нем. Событие «распространяется» от объекта window до вызвавшего его элемента (event.target). При этом событие последовательно пронизывает всех предков целевого элемента. Распространение события имеет три стадии:1. Фаза погружения — событие возникает в объекте
window и опускается до цели события через всех ее предков.2. Целевая фаза — это когда событие достигает целевого элемента.
3. Фаза всплытия — событие поднимается от
event.target, последовательно проходит через всех его предков и достигает объекта window.👉 @frontendInterview
👍18
👍8🔥2😱1
Перечислите методы Promise
Promise.all() - возвращает промис, который выполнится тогда, когда будут выполнены все промисы, переданные в виде перечисляемого аргумента, или отклонено любое из переданных промисов.
Promise.allSettled() - возвращает промис, который исполняется когда все полученные промисы завершены (исполнены или отклонены), содержащий массив результатов исполнения полученных промисов.
Promise.any() - принимает итерируемый объект содержащий объекты промисов. Как только один из промисов выполнится успешно, метод возвратит единственный объект Promise со значением выполненного промиса. Если ни один из промисов не завершится успешно, тогда возвращённый объект будет отклонён.
Promise.race() - возвращает выполненный или отклонённый промис, в зависимости от того, с каким результатом завершится первый из переданных промисов, со значением или причиной отклонения этого промиса.
Promise.reject(reason) - возвращает объект Promise, который был отклонён по указанной причине.
Promise.resolve(value) - возвращает Promise выполненный с переданным значением.
👉 @frontendInterview
Promise.all() - возвращает промис, который выполнится тогда, когда будут выполнены все промисы, переданные в виде перечисляемого аргумента, или отклонено любое из переданных промисов.
Promise.allSettled() - возвращает промис, который исполняется когда все полученные промисы завершены (исполнены или отклонены), содержащий массив результатов исполнения полученных промисов.
Promise.any() - принимает итерируемый объект содержащий объекты промисов. Как только один из промисов выполнится успешно, метод возвратит единственный объект Promise со значением выполненного промиса. Если ни один из промисов не завершится успешно, тогда возвращённый объект будет отклонён.
Promise.race() - возвращает выполненный или отклонённый промис, в зависимости от того, с каким результатом завершится первый из переданных промисов, со значением или причиной отклонения этого промиса.
Promise.reject(reason) - возвращает объект Promise, который был отклонён по указанной причине.
Promise.resolve(value) - возвращает Promise выполненный с переданным значением.
👉 @frontendInterview
👍10
😁12👍5
Какое значение будет содержать this в коде c картинки?
Anonymous Quiz
9%
Ошибка
26%
Глобальный объект
40%
Объект person
26%
undefined