Нарисовать стрелки между DOM элементами
Рассмотрены библиотеки для соединения DOM элементов стрелками. В результате исследования выбор остановился на leader-line
JS. Immutable удаление свойства из объекта
const { password: _, ...result } = {
id: 7,
name: 'tyapk',
password: '12345',
}
JS. Совет по использованию Map вместо switch
const sizeMap = new Map([
["S", "37-38"],
["L", "41-42"],
["XL", "43-44"]
]);
const result = sizeMap.get(size);
8pt system
Системный подход выбора размеров элементов и пространства, кратных 8. Подход лежит в основе Material Design
Angular environment service
Использование сервиса для окружения вместо прямой ссылки на environment.ts
Lets Encrypt Wildcard SSL вручную
Определение wildcard SSL. Краткий список шагов ручного получения бесплатного wildcard SSL-сертификат от Lets Encrypt на примере CentOS 7 и утилиты acme.sh
Builder в JS
Builder (cтроитель) - порождающий шаблон программирования. Применяется для создания сложных объектов при помощи цепочки методов someBuilder->setValueA(1)->setValueB(2)->build()
Аналог Jasmine createSpyObj в Jest
// Jest
const serviceMock = {
methods: jest.fn(),
you: jest.fn(),
want: jest.fn(),
to: jest.fn(),
mock: jest.fn()
};
Про развитие языков программирования
Типизация приносит производительность. И если раньше эта производительность была направлена на создание более быстрого кода, то сейчас на более быстрое написание кода.
Скопировать ssh ключ (id_rsa.pub) на сервер
Копирование открытого ключа на сервер позволяет аутентифицироваться на нём без пароля.
cat ~/.ssh/id_rsa.pub | ssh @ 'cat >> .ssh/authorized_keys && echo "Key copied"'
Angular. Подключение внешних библиотек
Общий сценарий внедрения библиотек в компоненты через DI
HSTS. Убрать редирект с HTTP на HTTPS
Решение проблемы, когда браузер "закешировал" https и при попытке открыть через http, совершается редирект на https
Вставить <script> в Angular компонент
Добавление сторонних скриптов в Angular по запросу. Как известно, добавить скрипт через шаблон невозможно. Представлено решение как это сделать программно.
Добавить 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...
ES6. Union, intersection, difference
- Пересечение
- Объединение
- Разность
Алгоритмическая сложность
Про Big O нотацию
Анализ размера npm пакета.
- Bundlephobia
- Import Cost
- cost-of-modules
Не ставить фокус по клику
Проблема заключалась в следующем: когда имеется интерактивный элемент с :focus
стилем и вы щелкаете по этому элементу, на нём остаётся focus стиль (outline
обводка). У нативной кнопки всё работает as expected, но стоит её добавить любой стиль и, как побочный эффект, меняется её поведение.
RxJS планировщики (schedulers)
- queue - синхронный код
- asap - очередь микрозадач
- async - очередь макрозадач
- animationFrame - очередь для отрисовки
RxJS debugging tools
- rxjs-watcher
- rxjs-spy
RxJS. Вернуть в потоке параметр и результат.
- временная переменная
- forkJoin или zip
- вложенная pipe
Об одном событии из жизни блога
С 20 по 23 августа сайт ежесуточно открывало 165 000 пользователей, а теперь тут нет рекламы от Google.
Про структурные директивы Angular
О том как в шаблоне ng-template получить из директивы значение и как в директиву закинуть несколько Input()
Почему OctoberCMS? Моя история
Во время разработки CRIS системы на Drupal столкнулся со сложностями, которые привели меня к новой CMS
Git. Добавление имени ветки к сообщению коммита
Использование git commit-msg хука + husky + скрипт на nodejs для добавления имени ветки к сообщению коммита
Linux. Команда sed
Команда sed - это потоковый редактор текста. Вставляет/изменяет/добавляет текст не открывая файл визуально. Обычно используется в скриптах.