v3shin

Планирование: setTimeout и setInterval
Движение мыши: mouseover/out, mouseenter/leave
Введение в браузерные события

1) Устанавливаете в chrome расширение
https://chrome.google.com/webstore/detail/user-jav...
Оно позволяет писать скрипты для страницы

2) Пишете для vk.com примерно такой скрипт

const blocked = `
Иван Говнов
Еще ненавистный юзер
И еще один нехороший человек
`
const filter = new Set(blocked.split('\n').filter(Boolean))

setInterval(() => {
  const authSpan = [...document.querySelectorAll('.author')]
    .filter(v => filter.has(v.textContent))
  authSpan.forEach(el => 
    el.parentElement.parentElement.parentElement.style.display = 'none')
  }, 3000)

И все, с частотой в 3 секунды скрипт будет мониторить комментарии на открытой странице и скрывать сообщения ненавистных персонажей.

Внутри функции наверх выплывает только объявление локальной переменной var foo;

var foo = 1; // можно стереть
function bar() { 
    var foo; // всплыло сюда. Этот foo – иной, чем верхний foo!
    if (!foo) { // тут foo undefined,  !foo === true
        foo = 10; // выполняется, назначается 10
    } 
    console.log(foo); // вывели 10
} 
bar(); //--> 10

Если у вас есть дизайн сайта, то в чем проблема?

Если этот CSS файл всего один, боюсь, что верстая 16 страниц я могу по ошибке задавать html элементам одинаковые классы, переопределять их стили и всё будет сбиваться

Основные элементы, такие как шапка сайта, заголовки страниц, подзаголовки, элементы-обертки, кнопки, формы и тд скорее всего будут иметь один стиль (если нет, то тут уже вопросы к дизайнеру), так что это уже не проблема.

А остальным элементам задавайте классы так, чтобы они отображали содержимое. Например есть страница Акции, в которой соответственно расположены блоки с акциями, каждый из которых включает в себя название и описание.
Так вот классы, например по БЭМ, будут условно выглядеть так:

<div class="sales"> 
    <h3 class="subtitle">Акции</h3> <!-- Подзаголовок-->
    <ul class="sales__list">
      <li class="sales__item">
        <h4 class="sales__title">Заголовок акции</h4>
        <p class="sales__text">Описание акции</p>
      </li>
      <li class="sales__item">
        <h4 class="sales__title">Заголовок следующей акции</h4>
        <p class="sales__text">Описание следующей акции</p>
      </li>
    </ul>
</div>

ЗЫ: На вкус и цвет, как говорится, фломастеры разные. Это всего лишь пример.

Не очень удачное решение..
Во-первых анимация не бесконечна, во-вторых это явно повлияет на производительность.

Изучите этот пример, возможно он вам поможет найти более подходящее решение

Vue.js / React / Angular

Можно же решить просто средствами CSS:

.cart-servise:hover i {
color: #fff;
}

Решение на jquery

getElementById (неожиданно) находит элемент по его id.
В документе не может быть несколько элементов с одним id.
Так что таким кодом вы и так находите единственный элемент с id=line

Возможно, вам нужно что-то типа getElementsByClassName, getElementsByName, getElementsByTagName или querySelectorAll

Разная разрядность чисел при выполнении битовых операций.
JS: 612538604 << 23 === 1979711488
PHP: 612538604 << 23 === 5138346233823232
Лечится принудительным ограничением разрядности:
$cZ = $cZ ^ (($cZ << 23) & 0xFFFFFFFF);

https://www.php.net/manual/ru/function.ip2long.php
https://www.php.net/manual/ru/function.range.php
https://www.php.net/manual/ru/function.in-array.php

$range = [
    'from' => ip2long('194.125.224.0'),
    'to' => ip2long('194.125.227.255')
];

$ip = ip2long('194.125.225.124');

echo ($ip >= $range['from'] && $ip <= $range['to']) ? 'yes' : 'no';

А при чём тут некие "принципы работы операторов"? Вычисления всегда выполняются согласно приоритета операций.
P.S.
Приоритет операций влияет на построение дерева. В данном случае оно будет такое:

После построения начинается вычисление. Для этого используется обход дерева в глубину.
1. Попадаем в узел ||
2. Вычисляем первый аргумент, попадаем в узел <
3. Вычисляем первый аргумент, попадаем в лист 0, возвращаем значение.
4. Вычисляем второй аргумент, попадаем в лист 14, возвращаем значение.
5. Вычисляем 0 < 14, получаем true, возвращаем значение.
6. Значение первого аргумента true, применяем short-circuit evaluation, игнорируем второй аргумент, возвращаем true.