autofocus и заканчивая анимацией.
upstream backend_one{
server vps_1:80;
}
upstream backend_two{
server vps_2:80;
}
upstream backend_three{
server vps_3:80;
}
map $host $backend {
~subdomain_3 backend_three;
~subdomain_2 backend_two;
default backend_one;
}
server {
location / {
proxy_pass http://$backend;
proxy_set_header Host $host;
proxy_redirect off;
}
}
// выбираем нужный элемент
var target = document.querySelector('#some-id');
// создаем новый экземпляр наблюдателя
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
console.log(mutation.type);
});
});
// создаем конфигурации для наблюдателя
var config = { attributes: true, childList: true, characterData: true };
// запускаем механизм наблюдения
observer.observe(target, config);
// позже, если надо, прекращаем наблюдение
observer.disconnect();
$eventManager = \Bitrix\Main\EventManager::getInstance();
$eventManager->registerEventHandler('sale', 'OnSaleOrderSaved', $this->MODULE_ID, '\\Yolo\\Bonus\\EventHandler', 'myFunction');
Я сразу использую деструктуризацию и считаю это очень удобной вещью
<div class="cart-option">
<div class="option-item name">White Gold</div>
<div class="option-item value">$90</div>
</div>.cart-option {
width: 100%;
display: flex;
justify-content: space-between;
position: relative;
margin-bottom: 5px;
&::before {
content: "";
width: 100%;
height: 1px;
border-bottom: 2px dotted #C9C9C9;
position: absolute;
left: 0;
bottom: 7px;
}
.option-item {
padding: 0 3px;
background-color: #fff;
position: relative;
z-index: 1;
font-size: 16px;
font-weight: 400;
color: #818181;
}
.value {
font-weight: 700;
}
}
this.ctx.strokeStyle = "rgba(255,255,255,"+(this.distance / (10*dist)) +")";
console.log(this.distance / (10*dist));