Stalker_RED

Почему $file as $el

Потому, что по очереди перебирают все значения из file, так уж этот foreach работает.

почему тут первая строка заключена в квадратные скобки, а вторая нет

Потому, что записывают данные в ассоциативный массив, где CharCode будет ключом, а Value значением.

$(qwe) = $('.far .bar a').attr('href');

В чем проблема?

Проблема вот в этой строке. Непонятно что именно вы пытались сделать, но получилась ошибочная конструкция, где одному jQuery объекту вы пытаетесь присвоить другой. Это так не работает.

Есть же чудесный встроенный парсер.

let link = document.createElement('a');
link.href = "https://localhost8080/somepath/somepath/somepath?param=42#some-hash";

link.protocol // -> https:
link.host     // -> localhost8080
link.pathname // -> /somepath/somepath/somepath
link.hash     // -> #some-hash
link.search   // -> ?param=42

Список всех свойств здесь: https://developer.mozilla.org/ru/docs/Web/API/Location

Это можно отследить при помощи MutationObserver.

Но я бы поискал возможность прицепиться к тому коду, который этот класс меняет.

Да, при обучении полезно делать что-то самостоятельно. Если вы самостоятельно можете составить алгоритм, это лучше чем сдаться не найдя подходящий готовый. Но при этом стоит помнить, что многие алгоритмы отточенные крутыми профессионалами могут уделывать вашу самоделку по скорости в разы, в десятки раз, а иногда и на много порядков.

Так что если вы внезапно осознали что вот к этой задаче можно применить воон тот алгоритм из книжки - применяйте его.

В качестве иллюстрации приведу сравнение девяти алгоритмов сортировки:
https://youtu.be/ZZuD6iUe3Pc
И двух алгоритмов поиска пути
https://www.youtube.com/watch?v=g024lzsknDo

Закон Евросоюза о cookies вступил в силу в 2011 году, но ICO (Information Commissioner’s Office) решили, что справедливо будет дать владельцам сайтов один год для выполнения требований закона. Крайним сроком было назначено 26 мая 2012 года. С этой даты сайты, не соответствующие требованиям закона, могут быть оштрафованы на сумму £500 000.

В общих словах, новые правила требуют, чтобы веб-сайт получал разрешение от посетителей прежде, чем записывать cookies на их компьютеры. Это значит, что вы должны прямо спросить посетителей, можно ли записать cookies и четко объяснить, какие cookies для чего используются.

https://habrahabr.ru/post/143235/

Запись вида $('.someclass').draggable() значит следующее:

найти все элементы с классом someclass и применить к ним плагин draggable

Но на те элементы, которые появятся в будущем, это не распространяется.

Используйте MutationObserver, чтобы отследить появление новых элементов и навесить на них draggable.

Адрес 127.* это loopback-интерфейс. И не только 127.0.0.1, а любой из сети 127.0.0.0/8. Довольно доходчиво это описано на лурке:

Драйвер loopback-интерфейса приучен отвечать не только на запросы к 127.0.0.1, но и на любой адрес из сети 127.0.0.0/8 — это легко проверяется по таблице маршрутизации или командой ping 127.128.129.130. Некоторые программы активно эксплуатируют такую многозначность: например, сервер точного времени ntpd использует адрес 127.127.1.0 для обращения к собственным часам компьютера, адрес 127.127.20.0 — для обработки сигнала от GPS-приёмника, и т. д. Удалённый рабочий стол в большинстве версий Windows обычно не позволяет подключиться к своему IP как к 127.0.0.1, зато позволяет к 127.0.0.2 и пр. Вот такой вот диапазончик просрали-с. А адреса-то кончаются!

Домен fuf.me также ведёт на лупбэк как и ещё некоторые адреса.

Тот же loopback по версии IPv6 — 0:0:0:0:0:0:0:1 aka ::1.

lurkmore.to/127.0.0.1

Таким образом, нет никакого смысла что-то там пробрасывать, это и так один и тот-же интерфейс.

при введении, к примеру, https://toster.ru/ выполнится скрипт

Какой скрипт? Зачем вы так сделали?

Да, фильтруйте или экранируйте данные. Вообще неплохо бы экранировать весь user-generated content.

Красиво же?