Конвертировать LF в CRLF или обратно
npm install -g eol-converter-cli
eolConverter crlf warmup "**/*.ts" # посмотреть
eolConverter crlf "**/*.ts" # выполнить преобразование
Angular. Изменение функциональности компонентов с помощью директив
Приводятся примеры расширения PrimeNG календаря и NgFor с использованием директив
Windows. Docker не может занять свободный порт
net stop winnat
docker start ...
net start winnat
Docker Volume Location In WSL 2
\\wsl$\docker-desktop-data\version-pack-data\community\docker\volumes
Обзор средств хранения данных в браузере
- IndexedDB
- LocalStorage и SessionStorage
- Cookies
и немного про остальное
Неполный список ошибок при разработке CSS
Занимательные мысли CSS Working Group (рабочей группы по разработке CSS) об ошибках проектирования
Про SOLID во фронтенде
- принцип единственной ответственности;
- открытости и закрытости;
- подстановки Барбары Лисков;
- разделения интерфейса;
- инверсии зависимостей.
Удалить все node_modules
При необходимости удалить папки node_modules поможет утилита npkill
Angular. Способы отписываться от Observable
Все встречавшиеся варианты отписок от Observable в компонентах Angular
Про модули в JavaScript
Примеры кода в модульных системах es, amd, cjs, iife, umd, system.js из rollupjs repl
Angular. base-href через переменные окружения docker контейнера
Решение, позволяющее размещать frontend на поддомене (dci.example.com
) или на префиксе маршрута (example.com/dci
).
PowerShell: Переменные окружения для одной команды
$env:FOO = 'BAR'; node ./index.js; Remove-Item Env:\FOO
Вложенные формы Angular
Рассматриваются варианты встраивания форм, позволяющие переиспользовать набор полей вводе со своей логикой. @Input() родительской формы, @Output() дочерней формы, ViewChild(), ControlValueAccessor, ControlContainer
Angular анимация для router-outlet
Быстрое создание router анимации, используя buildRouteTransition из ngx-animations
Angular. Получить все ошибки FormGroup
Метод для рекурсивного получения ошибок всех контролов FormGroup или FormArray
Переменные окружения для Angular приложения
Использование переменных окружения Docker контейнера в Angular environment.
Angular. Отличие baseHref от deployUrl
deployUrl
- задаёт путь для статических (js, css) файлов вindex.html
.baseHref
- определяет base, используется в ссылках и маршрутизации (routing) Angular
Angular Resolver
Resolver гарантированно получает асинхронные данные до создания компонента исходя из параметров маршрута.
Обновление времени в linux
Автоматическая синхронизация времени времени в linux на примере CentOS и пакета ntpdate
Angular. DoCheck и KeyValueDiffers
KeyValueDiffers позволяет отслеживать мутации свойств объектов
Как выбрать видеокарту для игр
Основным ресурсом является обзор Лучшая видеокарта для игр: текущий анализ рынка
TypeScript. Enum/Union как ключ
enum Color {
RED = 'red',
BLUE = 'blue',
GREEN = 'green',
}
type RGB = Record<Color, number>;
Интерактивные и удобные linux инструменты
Обновленные альтернативы инструментов командной строки cat, ncdu/du, ls, find, jq
Установить GIT на CentOS 7
Установка GIT из исходников, т.к. из родного репозитария CentOS устанавливается устаревшая версия
Angular URL Matcher
Функция сопоставления маршрута с URL-адресами. Возможность динамически подбирать компонент для маршрута
Angular Let Directive
*ngIf
не отображает содержимое в falsy
случаях (0, null, undefined) на async pipe, в пакете @rx-angular/template предлагается решение