Цветные сообщения в console

console.log('%ctyapk', 'color: white; background: #212529; font-size: 32px');

%c применяет CSS правила к выходной строке, которые указаны вторым параметром

Спецификатор Вывод
%s Форматирует значение в виде строки
%i или %d Форматирует значение как число
%f Форматирует значение как число с плавающей точкой
%o Форматирует значение как раскрываемый DOM элемент. Как на вкладке браузера «Elements»
%O Форматирует значение как раскрываемый JavaScript объект
%c Применяет CSS стили к выходной строке. Стили указываются вторым параметром

Цветной rxjs-log-operator


Похожие записи

JS. Get query param

function getQueryParam(item) {
  var svalue = window.location.search.match(new RegExp('[\?\&]' + item + '=([^\&]*)(\&?)', 'i'));
  return svalue ? svalue[1] : svalue;
}

// /foo/bar/baz.html?lang=ru
var lang = getQueryParam('lang') || 'en';

Добавить css link и js script динамически

const link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css';
link.integrity = 'sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO'; // необязательно
link.crossOrigin = 'anonymous'; // необязательно
document.head.appendChild(link);

const script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-3.3.1.slim.min.js';
script.integrity = 'sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo'; // необязательно
s...

Builder в JS

Builder (cтроитель) - порождающий шаблон программирования. Применяется для создания сложных объектов при помощи цепочки методов someBuilder->setValueA(1)->setValueB(2)->build()