Какие знаешь методы HTML5 API

«Какие знаешь методы HTML5 API» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

HTML5 предоставляет множество полезных API для работы с браузером. Вот ключевые:

  1. Geolocation API – доступ к геолокации пользователя:
navigator.geolocation.getCurrentPosition((pos) => {
  console.log(pos.coords.latitude, pos.coords.longitude);
});
  1. Web Storage API – localStorage и sessionStorage для хранения данных:
localStorage.setItem('key', 'value');
const data = localStorage.getItem('key');
  1. Canvas API – рисование графики:
const ctx = canvas.getContext('2d');
ctx.fillRect(10, 10, 100, 100);
  1. Drag and Drop API – реализация перетаскивания элементов.

  2. Web Workers – выполнение кода в фоновом потоке.

  3. History API – управление историей браузера:

history.pushState({}, '', '/new-url');
  1. WebSocket API – двустороннее соединение с сервером.

  2. File API – работа с файлами пользователя.

  3. IndexedDB – клиентская NoSQL база данных.

  4. WebRTC – передача аудио/видео в реальном времени.