Ответ
HTML5 предоставляет множество полезных API для работы с браузером. Вот ключевые:
- Geolocation API – доступ к геолокации пользователя:
navigator.geolocation.getCurrentPosition((pos) => {
console.log(pos.coords.latitude, pos.coords.longitude);
});- Web Storage API – localStorage и sessionStorage для хранения данных:
localStorage.setItem('key', 'value');
const data = localStorage.getItem('key');- Canvas API – рисование графики:
const ctx = canvas.getContext('2d');
ctx.fillRect(10, 10, 100, 100);-
Drag and Drop API – реализация перетаскивания элементов.
-
Web Workers – выполнение кода в фоновом потоке.
-
History API – управление историей браузера:
history.pushState({}, '', '/new-url');-
WebSocket API – двустороннее соединение с сервером.
-
File API – работа с файлами пользователя.
-
IndexedDB – клиентская NoSQL база данных.
-
WebRTC – передача аудио/видео в реальном времени.
Ответ 18+ 🔞
Да ты посмотри, какие штуки в браузере завезли! Прям овердохуища возможностей, я тебе щас на пальцах объясню, только не пугайся.
Ну вот, например, Geolocation API. Это ж чтобы вычислить, где твоя жопа сейчас торчит. Типа:
navigator.geolocation.getCurrentPosition((pos) => {
console.log(pos.coords.latitude, pos.coords.longitude);
});Выполнишь — и браузер такой: «Чувак, ты на 55.7558 широты, 37.6173 долготы». То есть в Москве, блядь. Удивление пиздец!
Дальше — Web Storage API. Это как твой личный тайник в браузере. localStorage — это навсегда, пока сам не сотрёшь, а sessionStorage — до закрытия вкладки. Кидаешь туда что угодно:
localStorage.setItem('ключ', 'значение');
const data = localStorage.getItem('ключ');Положил, достал — красота. Хули тут думать?
А вот Canvas API — это вообще ёперный театр! Берёшь холст и рисуешь, что в голову взбредёт:
const ctx = canvas.getContext('2d');
ctx.fillRect(10, 10, 100, 100);Нарисовал квадрат — и ты уже художник, блядь. Чих-пых тебя в сраку!
Drag and Drop API — это когда ты можешь взять элемент мышкой и потаскать его по экрану, как последнюю мартышлюшку. Удобно для интерфейсов, хотя иногда и бесит.
Web Workers — вот это мощь! Запускаешь тяжёлый скрипт в отдельном потоке, чтобы основной интерфейс не завис, как мудак. Браузер тебе за это спасибо скажет.
History API — управляешь историей браузера, как царь. Меняешь URL без перезагрузки страницы:
history.pushState({}, '', '/новый-адрес');Пользователь даже не поймёт, что его наёбывают. Хитрая жопа!
WebSocket API — это когда нужно общаться с сервером в реальном времени. Чат, уведомления, онлайн-игры — везде эта штука. Соединение держится открытым, данные летят туда-сюда без остановки.
File API — даёт доступ к файлам пользователя. Загрузил картинку, прочитал, обработал — всё в браузере, без отправки на сервер. Удобно, но доверия к этому делу — ноль ебать, всегда можно нарваться на вирус.
IndexedDB — это уже серьёзная клиентская база данных. Как бы NoSQL, но в браузере. Храни хоть терабайты данных, если у пользователя место есть. Правда, API там такое, что волнение ебать — можно с ума сойти, пока разберёшься.
И наконец, WebRTC. Это для видео- и аудиосвязи прямо между браузерами, минуя сервер. Типа Zoom, но бесплатно и с открытым исходным кодом. Технология — хуй с горы, просто охуенно!
Вот так вот, блядь. Раньше в браузере только текст показывали, а теперь — целая вселенная. Сам от себя охуел, когда узнал.