30 Asked Interview Questions and Answers (2024)

Frage 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
```

Ist das hilfreich? Ja Nein Kommentar hinzufugen Kommentare ansehen

Frage 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;
}```

Ist das hilfreich? Ja Nein Kommentar hinzufugen Kommentare ansehen

Frage 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;
}```

Ist das hilfreich? Ja Nein Kommentar hinzufugen Kommentare ansehen

Frage 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.

```

Baue deine Fahigkeiten mit fokussierten Lernpfaden, Probetests und interviewreifem Inhalt aus.

Frontend Developer Interviewfragen und Antworten

Frage 26. What is a closure in the context of JavaScript's event handling?

Frage 27. What is the difference between 'inline' and 'block' elements in CSS?

Frage 28. Explain the purpose of the 'box-sizing' property in CSS.

Frage 29. What is the purpose of the 'data-' attribute in HTML?

Frage 30. What is the difference between 'throttling' and 'debouncing' in JavaScript?

WithoutBook