Нарисовать стрелки между DOM элементами
Рассмотрены библиотеки для соединения DOM элементов стрелками. В результате исследования выбор остановился на leader-line
Рассмотрены библиотеки для соединения DOM элементов стрелками. В результате исследования выбор остановился на leader-line
const { password: _, ...result } = {
id: 7,
name: 'tyapk',
password: '12345',
}
const sizeMap = new Map([
["S", "37-38"],
["L", "41-42"],
["XL", "43-44"]
]);
const result = sizeMap.get(size);
Системный подход выбора размеров элементов и пространства, кратных 8. Подход лежит в основе Material Design
Использование сервиса для окружения вместо прямой ссылки на environment.ts
Определение wildcard SSL. Краткий список шагов ручного получения бесплатного wildcard SSL-сертификат от Lets Encrypt на примере CentOS 7 и утилиты acme.sh
Builder (cтроитель) - порождающий шаблон программирования. Применяется для создания сложных объектов при помощи цепочки методов someBuilder->setValueA(1)->setValueB(2)->build()
// Jest
const serviceMock = {
methods: jest.fn(),
you: jest.fn(),
want: jest.fn(),
to: jest.fn(),
mock: jest.fn()
};
Типизация приносит производительность. И если раньше эта производительность была направлена на создание более быстрого кода, то сейчас на более быстрое написание кода.
Копирование открытого ключа на сервер позволяет аутентифицироваться на нём без пароля.
cat ~/.ssh/id_rsa.pub | ssh @ 'cat >> .ssh/authorized_keys && echo "Key copied"'
Общий сценарий внедрения библиотек в компоненты через DI
Решение проблемы, когда браузер "закешировал" https и при попытке открыть через http, совершается редирект на https
Добавление сторонних скриптов в Angular по запросу. Как известно, добавить скрипт через шаблон невозможно. Представлено решение как это сделать программно.
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...
Про Big O нотацию
Проблема заключалась в следующем: когда имеется интерактивный элемент с :focus
стилем и вы щелкаете по этому элементу, на нём остаётся focus стиль (outline
обводка). У нативной кнопки всё работает as expected, но стоит её добавить любой стиль и, как побочный эффект, меняется её поведение.
С 20 по 23 августа сайт ежесуточно открывало 165 000 пользователей, а теперь тут нет рекламы от Google.
О том как в шаблоне ng-template получить из директивы значение и как в директиву закинуть несколько Input()
Во время разработки CRIS системы на Drupal столкнулся со сложностями, которые привели меня к новой CMS
Использование git commit-msg хука + husky + скрипт на nodejs для добавления имени ветки к сообщению коммита
Команда sed - это потоковый редактор текста. Вставляет/изменяет/добавляет текст не открывая файл визуально. Обычно используется в скриптах.
Аналогично @Input() позволяет получить значение атрибута с хоста компонента/директивы, но не отслеживает дальнейшее изменение атрибута.