Цветные сообщения в 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

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

Javascript поиск/фильтр по таблице

Живой поиск по ячейкам таблицы на Javascript

3 примера асинхронного вызова функции в JavaScript

Функции обратного вызова, обещания, async/await

Semantic UI dropdown change handler and disabling another element

Как организовать доступность одного элемента от выбранного значения другого (dropdown) элемента

JS. Добавить параметр к URL без перезагрузки

function updateURL() {
    if (history.pushState) {
        var baseUrl = window.location.protocol + "//" + window.location.host + window.location.pathname;
        var newUrl = baseUrl + '?tyapk=awesome';
        history.pushState(null, null, newUrl);
    }
    else {
        console.warn('History API не поддерживается');
    }
}

https://gist.github.com/excalq/2961415#gistcomment-2178956

npm set registry

npm set registry https://registry.npmjs.org/

JS. Создать массив и заполнить годам

Array.from({ length: 7 }, (_, index) => new Date().getFullYear() - index);