30 Asked Interview Questions and Answers (2024)

Вопрос 26. What is a closure in the context of JavaScript's event handling?

In the context of event handling, a closure allows a function to retain access to variables in its lexical scope even after the outer function has finished executing. This is often used to maintain state across multiple event callbacks.

Example:

```javascript
function createCounter() {
  let count = 0;
  return function() {
    console.log(count++);
  };
}

const counter = createCounter();
counter(); // Outputs: 0
counter(); // Outputs: 1
```

Это полезно? Да Нет Добавить комментарий Посмотреть комментарии

Вопрос 27. What is the difference between 'inline' and 'block' elements in CSS?

'inline' elements only take up as much width as necessary and do not start on a new line. 'block' elements take up the full width available and start on a new line.

Example:

```css
/* Inline element example */
span {
  display: inline;
}

/* Block element example */
div {
  display: block;
}```

Это полезно? Да Нет Добавить комментарий Посмотреть комментарии

Вопрос 28. Explain the purpose of the 'box-sizing' property in CSS.

The 'box-sizing' property determines how the total width and height of an element are calculated. 'content-box' includes only the content, while 'border-box' includes padding and border in the calculation.

Example:

```css
/* Using box-sizing: border-box */
div {
  box-sizing: border-box;
  width: 200px;
  padding: 10px;
  border: 5px solid #000;
}```

Это полезно? Да Нет Добавить комментарий Посмотреть комментарии

Вопрос 29. What is the purpose of the 'data-' attribute in HTML?

The 'data-' attribute is used to store custom data private to the page or application. It provides a way to attach additional information to HTML elements without using non-standard attributes.

Example:

```html
This is a custom element.

```

Развивайте навыки с целевыми маршрутами обучения, пробными тестами и контентом для подготовки к интервью.

Frontend Developer вопросы и ответы для интервью

Вопрос 26. What is a closure in the context of JavaScript's event handling?

Вопрос 27. What is the difference between 'inline' and 'block' elements in CSS?

Вопрос 28. Explain the purpose of the 'box-sizing' property in CSS.

Вопрос 29. What is the purpose of the 'data-' attribute in HTML?

Вопрос 30. What is the difference between 'throttling' and 'debouncing' in JavaScript?

WithoutBook