[new] ВАЛЕНТНОСТЬ | Как определять валентность элементов | Как составить химическую формулу по валентности
14,4 тыс смотрели · 2 года назад
Как узнать из чего что состоит? [Спектральный анализ]
Для того, чтобы узнать химический состав вещества, можно использовать самые различные способы и методики. Одной из самых популярных методик сегодня является метод спектрального анализа или спектроскопия. По названию, вроде как, уже понятно, что речь должна пойти про работу со спектрами. Но не совсем ясно, как можно соотнести химический состав и эти самые спектры. Вспоминаем понятие "Спектр" Когда мы рассматривали природу формирования цвета предметов, то обозначили, что цвет любого объекта является результатом отражения от него пучков определённой длины волны...
🖥 Как определить что элемент в зоне видимости окна браузера? ▶️Есть элемент, и если пользователь видит его, то нужно отметить элемент как просмотренный. Как определить, что этот элемент в зоне видимости? ▶️В целом, делается несложно: // Получаем нужный элемент var element = document.querySelector('#target'); var Visible = function (target) { // Все позиции элемента var targetPosition = { top: window.pageYOffset + target.getBoundingClientRect().top, left: window.pageXOffset + target.getBoundingClientRect().left, right: window.pageXOffset + target.getBoundingClientRect().right, bottom: window.pageYOffset + target.getBoundingClientRect().bottom }, // Получаем позиции окна windowPosition = { top: window.pageYOffset, left: window.pageXOffset, right: window.pageXOffset + document.documentElement.clientWidth, bottom: window.pageYOffset + document.documentElement.clientHeight }; if (targetPosition.bottom > windowPosition.top && // Если позиция нижней части элемента больше позиции верхней чайти окна, то элемент виден сверху targetPosition.top < windowPosition.bottom && // Если позиция верхней части элемента меньше позиции нижней чайти окна, то элемент виден снизу targetPosition.right > windowPosition.left && // Если позиция правой стороны элемента больше позиции левой части окна, то элемент виден слева targetPosition.left < windowPosition.right) { // Если позиция левой стороны элемента меньше позиции правой чайти окна, то элемент виден справа // Если элемент полностью видно, то запускаем следующий код console.clear(); console.log('Вы видите элемент :)'); } else { // Если элемент не видно, то запускаем этот код console.clear(); }; }; // Запускаем функцию при прокрутке страницы window.addEventListener('scroll', function() { Visible (element); }); // Запустим функцию сразу Visible (element); 🟡 body { height: 6000px; } #target { margin-top: 3000px; } 🟡 <div id="target">Элемент</div> @javascript_react