🛠 Solid — это легковесный и быстрый аналог React, не использующий виртуальную DOM и компилируемый в прямые DOM-инструкции.

#инструменты #js

💡Как в JavaScript получить размеры экрана, окна и веб-страницы

Размер экрана — это ширина и высота экрана: монитор или мобильный экран.
window.screen — объект, который содержит информацию о размере экрана. Вот как получить доступ к ширине и высоте экрана:

const screenWidth  = window.screen.width;
const screenHeight = window.screen.height;

Доступный размер экрана состоит из ширины и высоты экрана без панелей инструментов ОС.

const availScreenWidth  = window.screen.availWidth;
const availScreenHeight = window.screen.availHeight;

Чтобы получить доступ к внешнему размеру окна, вы можете использовать свойство outerWidth и outerHeight, которые доступны непосредственно для объекта window:

const windowOuterWidth  = window.outerWidth;
const windowOuterHeight = window.outerHeight;

Размер веб-страницы состоит из ширины и высоты отображаемого содержимого страницы.

const pageWidth = document.documentElement.scrollWidth;
const pageHeight = document.documentElement.scrollHeight;

#советы #js