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

Опубликовано в JavaScript • 13 января 2019 г. • 1 мин. на чтение 
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

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

RxJS Pipeable Operators

Начиная с версии rxjs 5.5 операторы вместо цепочки вызовов применяются как параметры функции pipe.

RxJs Subjects

Выдержки из доклада Андрея Алексеева (Tinkoff) про RxJs (Subject, Behaviour Subject, Replay Subject, Async Subject). Применение в Angular.

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';

Не ставить фокус по клику

Проблема заключалась в следующем: когда имеется интерактивный элемент с :focus стилем и вы щелкаете по этому элементу, на нём остаётся focus стиль (outline обводка). У нативной кнопки всё работает as expected, но стоит её добавить любой стиль и, как побочный эффект, меняется её поведение.