🤔 Как браузер понимает, что нужно отображать именно картинку, а не текст?

По MIME-типу, заголовкам ответа и контексту тега. Если заголовки верны — картинка отобразится, если нет — может быть воспринята как бинарный поток или текст.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 Базу знаний

👩‍💻 Ищем JavaScript разработчиков. Релокейт, удалёнка, платим много!

Специально для Вас, собираем лучшие вакансии, только с прямыми контактами в Telegram!

👩‍💻 Frontend 👩‍💻 Node.js

👩‍💻 DevOps 👩‍💻 Python

👩‍💻 C# 👣 Go

🖼️ PHP 🔎 QA

🖥 SQL 🤖 ML & DS

👩‍💻 UX/UI 👩‍💻 Java

👩‍💻 Mobile 📋 Analyst

💼 1C 👩‍💻 IT HR

Подпишись чтобы не упустить свой шанс получить лучший оффер!

🤔 Что такое webgl?

WebGL (Web Graphics Library) — это JavaScript API для рендеринга 2D и 3D-графики в браузере без необходимости установки дополнительных плагинов. Он основан на OpenGL ES и работает внутри HTML5-элемента <canvas>. WebGL позволяет использовать мощность графического процессора (GPU) для отрисовки сложных сцен, анимаций и интерактивных приложений прямо в браузере.

🚩Зачем нужен WebGL?

🟠Рендеринг 3D-графики в браузере
Без WebGL для создания сложных 3D-сцен в вебе приходилось использовать Flash, Java-апплеты или другие технологии. WebGL делает это нативно в браузере.

🟠Использование аппаратного ускорения
WebGL использует мощность видеокарты (GPU), а не только центрального процессора (CPU), что значительно ускоряет обработку графики.

🟠Работа в разных браузерах и на разных устройствах
WebGL работает на большинстве современных браузеров (Chrome, Firefox, Edge, Safari) и поддерживается на Windows, macOS, Linux, iOS и Android.

🟠Поддержка интерактивных приложений
Используется в играх, 3D-графике, симуляциях, картографических сервисах (например, Google Maps, Cesium.js), визуализациях данных.

🟠🚩ак использовать WebGL?

WebGL управляет графикой через шейдеры — небольшие программы, которые выполняются на видеокарте. Для работы с WebGL обычно используются библиотеки, упрощающие разработку, например:
- Three.js — высокоуровневая библиотека для удобной работы с WebGL.
- Babylon.js — мощный движок для создания 3D-приложений.
- PixiJS — библиотека для 2D-графики с поддержкой WebGL.

<canvas id="webgl-canvas"></canvas>
<script>
  // Получаем WebGL-контекст
  const canvas = document.getElementById("webgl-canvas");
  const gl = canvas.getContext("webgl");

  if (!gl) {
    console.error("WebGL не поддерживается");
  }

  // Устанавливаем цвет фона и очищаем экран
  gl.clearColor(0.0, 0.0, 0.0, 1.0); // Черный фон
  gl.clear(gl.COLOR_BUFFER_BIT);
</script>

Ставь 👍 и забирай 📚 Базу знаний

🤔 Что такое боксовая модель, из чего она состоит и какие бывают виды?

Боксовая модель определяет, как рассчитываются размеры и отступы элементов.
Состоит из:
- Content — содержимое;
- Padding — внутренние отступы;
- Border — рамка;
- Margin — внешние отступы.
Виды:
- content-box — по умолчанию, ширина/высота задаются только для content;
- border-box — ширина включает padding и border (удобнее в практике).

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 Базу знаний