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

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

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

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
В чем разница между методами Object.freeze и Object.seal?

Object.freeze() замораживает объект: это значит, что он предотвращает добавление новых свойств к объекту, удаление старых свойств из объекта и изменение существующих свойств или значения их атрибутов перечисляемости, настраиваемости и записываемости.

Object.seal() запечатывает объект, предотвращая добавление новых свойств к объекту и делая все существующие свойства не настраиваемыми.

Разница заключается в том, что при использовании метода Object.freeze мы не можем менять или редактировать свойства объекта, а при использовании Object.seal у нас такая возможность имеется.
Разворот числа

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

Примеры:
Test.assertEquals(reverse(1234), 4321);
Test.assertEquals(reverse(10987), 78901);
Test.assertEquals(reverse(1020), 201);
Какое значение у левого нижнего border-radius элемента div?
Anonymous Quiz
57%
20px
25%
40px
10%
30px
8%
25px
Как в JS создать объект?

Объектный литерал:
const o = {
name: 'Mark',
greeting(){
return `Hi, I'm ${this.name}`
}
}

o.greeting() // Hi, I'm Mark

Функция-конструктор:
function Person(name){
this.name = name
}

Person.prototype.greeting = function(){
return `Hi, I'm ${this.name}`
}

const mark = new Person('Mark')

mark.greeting() // Hi, I'm Mark

Метод Object.create:
const n = {
greeting(){
return `Hi, I'm ${this.name}`
}
}

const o = Object.create(n)

o.name = 'Mark'

console.log(o.greeting) // Hi, I'm Mark
👍1
Какое значение примет result?
Anonymous Quiz
20%
15
9%
36
28%
10
17%
5
27%
0
Что такое AJAX?

AJAX или Asyncronous JavaScript and XML — это набор взаимосвязанных технологий, которые позволяют работать с данными в асинхронном режиме. Это означает, что мы можем отправлять данные на сервер и получать данные с него без перезагрузки веб-страницы.

AJAX использует следующие технологии:
HTML — структура веб-страницы.
CSS — стили веб-страницы.
JavaScript — поведение страницы и работа с DOM.
XMLHttpRequest API — отправка и получение данных с сервера.
PHP, Python, Nodejs — какой-нибудь серверный язык.
Какое значение у свойства padding-bottom элемента div?
Anonymous Quiz
21%
60px
3%
120px
5%
10px
19%
20px
51%
40px
Как определить наличие свойства в объекте?

Существует три способа это сделать.

Первый способ состоит в использовании оператора «in»:
const o = {
'prop': 'bwahahah',
'prop2': 'hweasa'
}

console.log('prop' in o) // true
console.log('prop1' in o) // false

Второй — использовать метод hasOwnProperty:
console.log(o.hasOwnProperty('prop2')) // true
console.log(o.hasOwnProperty('prop1')) // false

Третий — индексная нотация массива:
console.log(o['prop']) // bwahahah
console.log(o['prop1']) // undefined
JavaScript для детей

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

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

Пример:
 "alpha beta beta gamma gamma gamma delta alpha beta beta gamma gamma gamma delta"

--> "alpha beta gamma delta alpha beta gamma delta"
JavaScript для профессионалов

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

В этой книге вы узнаете всё что, нужно знать для профессиональных Web-разработчиков, от недостатков и достоинств языка, до каких то практичных приёмов применения JavaScript.

Единственный минус этой книги, в том, что она описывает только стандарт языка ECMAScript 5.1, что на момент написание этой книги, очень сильно устарел.
Для чего используется оператор "&&"?

Оператор "&&" (логическое и) находит и возвращает первое ложное значение либо последний операнд, когда все значения истинные. Он использует короткое замыкание во избежание лишних затрат:

console.log(false && 1 && []) // false
console.log(' ' && true && 5) // 5

Примеры функций, выполняющих одно действие с оператором if и с &&:

С оператором if:
const router: Router = Router()

router.get('/endpoint', (req: Request, res: Response) => {
let conMobile: PoolConnection
try {
// операции с базой данных
} catch (e) {
if (conMobile) {
conMobile.release()
}
}
})

То же самое с оператором "&&":
const router: Router = Router()

router.get('/endpoint', (req: Request, res: Response) => {
let conMobile: PoolConnection
try {
// операции с базой данных
} catch (e) {
conMobile && conMobile.release()
}
})
Какое значение примет result?
Anonymous Quiz
63%
key
10%
null
26%
undefined