Про :host, :host-context(selector) и :host-context(selector)

Кратко об декораторах @Self, @SkipSelf, @Host, @Optional. Отличие @Host от @Self

В async pipe за вас отпишется Angular. Во всех остальных случаях лучше отписываться самостоятельно. Допускается не отписываться в потоках, где будет гарантировано вызван complete.

Для решения проблемы существует 2 подхода:

• Binding стилей через DomSanitizer.bypassSecurityTrustStyle
• Манипуляция через element.style.setProperty(cssVaribale, value);

console.log('%ctyapk', 'color: white; background: #212529; font-size: 32px');

Понадобилось найти дубликаты файлов фотографий с учётом разных имён. Требовалось проанализровать ~ 50 000 файлов. Перепробованы множество программ и только одна справилась с задачей.

Краткая инструкция по созданию Angular библиотеки компонентов с помощью Angular CLI. Публикация и использование npm пакета библиотеки.

После анализа bundl'a разрабатываемого приложения меня насторожил момент, что lodash занимает хороший такой кусок в 95kb, хотя используется всего 3 функции. И вот к чему привели поиски.

Пример условного перенаправления пользователя в зависимости от некого количества

• 0 - dashboard
• 1 - карточка
• 2 и более - список

Официальное руководство рекомендует использовать декораторы @HostListener и @HostBinding.

Создание и использования переменных окружения в Angular с использованием CLI >= 6 версии.

    "styles": [
      "src/styles.scss"
    ],
    "stylePreprocessorOptions": {     

О предпочтительности использования async pipe. При OnPush стратегии не требуется вызывать markForCheck() внутри подписки +решение с несколькими | async pipes развёрнутых в одну переменную (внутри шаблона).

Полгода собирался в блог добавить zoom на изображения как на medium и вот "новый год" позволил мне это сделать.

В адресной строке следует набрать cache:

На память. Некоторое время назад я решил достаточно необычную задачу, но в последствии на backend`е переделали логику и код был удалён из проекта.

Краткая инструкция по профилировке Change Detection в Angular

sudo sysctl fs.inotify.max_user_watches=256000

• объявляется IIFE (немедленно выполняемая функция-выражение)
• в функцию передаётся объект библиотеки jQuery, которая внутри будет доступна через переменную с именем $
• включается «строгий режим»

Загрузка изображения вне DOM с последующей подменой

Немного поясненительных примеров о Pick и Record

enum FileAccess {
    None,             // 000
    Read    = 1 << 1, // 001
    Write   = 1 << 2, // 010
    Execute = 1 << 3, // 100
    ReadWrite  = Read | Write, // 011
}

const f = FileAccess.Read | FileAccess.Execute;
f & FileAccess.Execute // true

В качестве идей для системных блоков, мониторов и другого оборудования

Нормальной замены на Ubuntu нет, есть gxneur, но он кривой(( Пытался пользоваться несколько месяцев. В итоге удалил.

https://lawsofux.com

Кнопки для редактирования и предпросмотра поста

npx prettier --write **/*.html

https://prettier.io/