Сергей Соколов

urls.forEach((url, i) => {
    console.log(url + ' ' + ports[i % ports.length]);
});

Вы просто не понимаете смысл короткой записи маски.
/23 означает, что первые 23 бита маски равны единице, а последние 32-23 = 9 бит равны нулю.
Таким образом маска будет 11111111.11111111.11111110.00000000 = 255.255.254.0
Теперь разложим побитно ваши адреса:

Маска:   11111111.11111111.11111110.00000000 = 255.255.254.0
Адрес 1: 11000000.10101000.00000000.00000000 = 192.168.0.0
Адрес 2: 11000000.10101000.00000001.00000000 = 192.168.1.0

Чтобы преобразовать эти адреса в сети надо выполнить побитовый логический AND адреса с маской. Получим

192.168.0.0 & 255.255.254.0 = 192.168.0.0
192.168.1.0 & 255.255.254.0 = 192.168.0.0

Таким образом, оба адреса входят в одну сеть размера /23.
Правильное обозначение этой сети 192.168.0.0/23.

Для этих целей лучше использовать атрибуты min, max для input с типом number.
<input type="number" min="50" />

Но если хочется js, то пример обработчика. Тут еще надо будет решить, что удобнее случать, input или change

Это canvas.

https://www.codewars.com/dashboard

самые простые - 8q
самые сложные - 1q

ЗЫ: самое классное в codewars то, что решив задачу и опубликовав решение вам становятся доступны к просмотру решения данной задачи от других участников, и зачастую эти решения не такие как ваше. Разобрав их - вы узнаете много нового для себя))))

Array.find(), Array.some()

for (var i = 10; i <= 70; i++) if (!/5/.test(i)) console.log(i);

for (var i = 10; i <= 70; i++) !/5/.test(i) && console.log(i);

for (var i = 10; i <= 70; i++) /5/.test(i) || console.log(i);

Чтобы воркер не рос, я в своем проекте создаю для каждого jsonp запроса отдельный воркер и потом убиваю его. Норм работает, там по 3 запроса в секунду к ВК улетает.

function getJSONP (script_url, callback) {
    // Создаём веб-воркер, который импортирует нам скрипт с коллбэком(jsonp)
    const worker = new Worker(window.URL.createObjectURL(new Blob([
      'let cb=function(val){postMessage(val)};' +
      'importScripts(\'' + script_url + '&callback=cb\');'],
    { type: 'text/javascript' }
    )))

    // Слушаем ответ от воркера
    worker.onmessage = (e) => {
      worker.terminate()
      callback(e.data)
    }

    // Убиваем воркер  если долго нет ответа 
    setTimeout(() => { worker.terminate() },10000)
}

Не 2i3j5k, а 2ⁱ×3^j×5^k
Это означает, что при разложении числа на простые множители мы получим только 2, 3 и 5.
1 = 2⁰×3⁰×5⁰
3 = 2⁰×3¹×5⁰
15 = 2⁰×3¹×5¹
30 = 2¹×3¹×5¹
60 = 2²×3¹×5¹
90 = 2¹×3²×5¹
и т.д.

Пример с линейной интерполяцией.

WITH 
cte1 AS ( SELECT t1.ts, t1.val,
                 t2.ts ts_before, t2.val val_before,
                 t3.ts ts_after, t3.val val_after
          FROM test t1
          JOIN test t2 ON t1.ts >= TIMESTAMP(t2.ts, @delta)
          JOIN test t3 ON t1.ts <= TIMESTAMP(t3.ts, @delta) ),
cte2 AS ( SELECT *, 
                 ROW_NUMBER() OVER (PARTITION BY ts ORDER BY ts_before DESC) rn_before, 
                 ROW_NUMBER() OVER (PARTITION BY ts ORDER BY ts_after ASC) rn_after
          FROM cte1 )
SELECT ts,
       val,
       ts_before,
       val_before,
       ts_after,
       val_after,
       CASE WHEN val_after = val_before
            THEN val_before
            ELSE val_before + (val_after - val_before) / TIMESTAMPDIFF(SECOND, ts_after, ts_before) * TIMESTAMPDIFF(SECOND, ts, TIMESTAMP(ts_before, @delta)) 
            END val_approximated
FROM cte2 
WHERE ts > '2021-01-02'
      AND rn_before = 1
      AND rn_after = 1

DEMO fiddle с некоторыми пояснениями.

Тормозить, конечно, на большом массиве будет нещадно - так что неплохо бы ещё в первом CTE по всем трём копиям задать вменяемые границы от и до...

Не имел дела раньше с оконными функциями в MySQL.

А придётся. И не просто "иметь дело", а хорошо изучить, до полного понимания.

По сути SVG - это почти HTML (ок, нехорошо так говорить, но тем не менее). Дерево из тегов, атрибуты, все дела. Выбираем нужные элементы, меняем атрибуты - вот и вся анимация. Как и с любыми другими элементами на странице. Это не какой-то отдельный и ни на что не похожий тип анимаций.

Есть три варианта анимирования SVG в рамках фронтенда, два идентичных обычному HTML, и один дополнительный, привнесенный извне:

1. CSS. Картинку, вставленную в страницу, можно анимировать с помощью CSS в каких-то пределах. Не все так получится сделать, но какие-то простые движения, изменения цветов - вполне можно. Если вы знаете CSS - можно сказать, что уже знаете все, что тут можно сделать.
   
2. JS. Все как всегда. Получаем элементы через querySelector, getElementBy... и.т.д., и через setAttribute задаем элементам SVG нужные атрибуты. Обычно удобно добавить какой-то инструмент для интерполяций значений во времени. Из популярного - GSAP и Anime.js. При желании можно что-то свое написать, если задачи совсем простые, в базовом варианте все подобные инструменты строятся примерно по такому принципу. Некоторые инструменты добавляют какие-то еще свои дополнительные возможности, или есть готовые прикольные примеры, сделанные с их использованием, как например у d3.js, но нужны ли они лично вам - нельзя сказать, не зная задач. А инструменты должны выбираться исходя из этих самых задач, а не из моды. Здесь важно лишь понимать, что никакие библиотеки не расширяют сам формат SVG, не привносят никаких принципиально новых возможностей в него, они все больше про организацию скриптов.
   
3. Еще есть SMIL. Это древнее зло из миров, далеких фронтенду. Есть хороший туториал на CSS-tricks. Это все "модно-нативно", но иногда сложно синхронизировать с остальными событиями на странице, и сложно отлаживать, т.к. нет адекватной привязки к инструментам разработчика в браузерах.
   

Полезно еще познакомиться с вот этой статьей, там отмечены некоторые косяки, связанные с кроссбраузерностью. Да, SVG - это штука, которая вроде бы была с нами всегда, но в контексте анимирования wtf-моментов там все еще достаточно.

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

Ну и полезно познакомиться с каким-нибудь векторным графическим редактором, чтобы уметь структурировать SVG перед анимированием, удалять мусор, адаптировать контуры для морфинга (не всегда дизайнер будет предоставлять полный набор нужных контуров).

Обычно
https://developer.mozilla.org/en-US/docs/Web/API/H...

Получается, то сравнение
'hello' == '123'
это
parseInt('hello') == parseInt('123')
так?

Нет. Оба операнда строки и никакого приведения типов не будет.

И [] == {} аналогично parseInt([]) == parseInt({})?

Нет. Оба операнда объекты — приведения не будет.

https://262.ecma-international.org/10.0/#sec-abstr...

Строка преобразовывается в число когда вы сравниваете строку и число (пп. 4 и 5 из описания алгоритма выше).

Например 'hello' == 123 приведёт строку к числу ToNumber('hello') == 123 и получится NaN == 123 → сравниваем два числа и получаем false.

Тут ToNumber это такая специальная операция, можно считать что это то же самое что вызов функции Number.

У тебя пробел между "<" и "(",а надо "<("

И sh не умеет "<( some command )"

Dockerfile:

FROM ubuntu:latest

RUN apt update && apt install -y openssl

RUN mkdir -p /etc/cert

RUN /bin/bash -c "openssl req -x509 \
    -newkey rsa:2048 -nodes -sha256 \
    -out /etc/cert/localhost.crt  \
    -keyout /etc/cert/localhost.key \
    -subj '/CN=localhost' \
    -extensions EXT \
    -config <( \
      printf '[dn]\nCN=localhost\n[req]\ndistinguished_name = dn\n[EXT]\nsubjectAltName=DNS:localhost\nkeyUsage=digitalSignature\nextendedKeyUsage=serverAuth')"

docker build .

Sending build context to Docker daemon  2.048kB
Step 1/4 : FROM ubuntu:latest
 ---> 1318b700e415
Step 2/4 : RUN apt update && apt install -y openssl
 ---> Using cache
 ---> e608bba6cb59
Step 3/4 : RUN mkdir -p /etc/cert
 ---> Using cache
 ---> b89d4c7495a3
Step 4/4 : RUN /bin/bash -c "openssl req -x509     -newkey rsa:2048 -nodes -sha256     -out /etc/cert/localhost.crt      -keyout /etc/cert/localhost.key     -subj '/CN=localhost'     -extensions EXT     -config <(       printf '[dn]\nCN=localhost\n[req]\ndistinguished_name = dn\n[EXT]\nsubjectAltName=DNS:localhost\nkeyUsage=digitalSignature\nextendedKeyUsage=serverAuth')"
 ---> Running in a4012f6c4893
Generating a RSA private key
................................................+++++
..+++++
writing new private key to '/etc/cert/localhost.key'
-----
Removing intermediate container a4012f6c4893
 ---> 6ea49c8d9ada
Successfully built 6ea49c8d9ada