Ответы, понравившиеся пользователю Roman

Какие технологии необходимо знать для создания красивых анимированных веб-сайтов?

Вадим @MrDecoy Куратор тега CSS

Верставший фронтендер

Тут не будет идеального ответа, так как всё зависит от конкретного дизайна и его идеи.

Но если так издалека начать накидывать, то конечно же:

CSS

transforms
perspective
animations
производительность (например, такие свойства как: will-change, contain)
filters
clip-path
positions
masks

JS

requestAnimationFrame
Управление скроллом
дебаунс\тротлинг
canvas
WebGL
three.js
EventLoop - таски, в том числе рендер таски
Управление видео и аудио

SVG

фильтры
блюры
анимации
паттерны
маски

Общее

Производительность - как организовать слои и анимацию так, чтобы выдавать как можно больше fps и как можно меньше перерисовок.
Безопасные для анимации свойства (то есть знать что такое repaint и reflow)

Ответ написан более двух лет назад

1 комментарий

Правильно ли я понял принцип инверсии зависимостей?

Михаил @Akela_wolf

Extreme Programmer

Главная идея принципа инверсии зависимостей "детали зависят от абстракций, но не абстракции от деталей".
В приведенном вами примере класс Main зависит от всего: от интерфейса INumberOperation и от обоих классов NumberOperation1, NumberOperation2. То есть тут принцип инверсии зависимостей вообще не работает. Никак.

Проявляется же он в следующем примере. Пусть у меня есть некая абстрактная логика "прочитай число, выполни над ним операцию, запиши результат". Эта абстрактная логика (потому она и абстрактная) ничего не должна знать ни откуда она читает число, ни какую операцию над ним выполняет, ни куда и как записывает результат. Таким образом, у нас есть модуль, состоящий из

interface NumberInput {
  int read();
}
interface NumberProcessor {
  int process(int a);
}
interface NumberOutput {
  void write(int a);
}
class Processor {
  private final NumberInput input;  
  private final NumberProcessor processor;
  private final NumberOutput output;

  public Processor(NumberInput input, NumberProcessor processor, NumberOutput output) {
    this.input = input;
    this.processor = processor;
    this.output = output;
  }

  void process() {
    output.write(processor.process(input.read()));
  }
}

Все. Модуль получился очень абстрактным и ни от кого никак не зависящим.
Затем мы можем сделать реализации этих интерфейсов - они будут зависеть от нашего модуля логики (так как ссылаются на интерфейсы). И это полностью соответствует принципу инверсии зависимостей - детали зависят от абстракций.

И наконец функция main, которая будет собирать все это в единое целое. Она самое конкретное что есть в нашей программе, так как она имеет дело с конкретными классами, экземпляры которых она создает. Поэтому она зависит от всех модулей - от модуля абстрактной логики и от модулей с реализациями интерфейсов. И тут принцип инверсии зависимостей тоже соблюдается - деталь (в какой именно конфигурации запускается программа) зависит от абстракции (абстрактная логики и конкретные реализации интерфейсов из которых выбирается именно та, которая будет использована)

Этот принцип очень хорошо объяснен в книге Р.Мартина "Чистая архитектура", по крайней мере у меня все встало на свои места именно после прочтения этой книги.

Ответ написан более двух лет назад

1 комментарий

Как рулить docker-compose в проде?

Александр Иванов @DoctorStein

QNX, Linux, С++, С#, mono

docker-compose не очень, сейчас в моде kubernetes. Но если очень хочется, то можно:
1. Редактируем yaml и Dockerfile если надо. docker-compose build, docker-compose down, docker-compose up -d. Если изменения yaml большие, например меняется состав сервисов, то стоит down сначала, потом редактирование.
2,3. По возможности локально image не собираются. Есть отдельный процесс разработки, image выкладываются в частный registry, откуда и берутся композом.
4. Образы строятся на том, на чём удобно разработчику. Ни разу не было задачи заменить типа описанной. Но бывает наоборот - новая ОС, на ней запускаются старые проверенные докеры.
5. docker-compse stop servicename

Ответ написан более двух лет назад

4 комментария

Как telegra.ph понимает, что я - это я?

Сергей Карбивничий @hottabxp

Сначала мы жили бедно, а потом нас обокрали..

Как тогда Паша понимает, что я - это я?

Устанавливает тебе печеньки, потом читает их.

Проблема заключается в том, что ни в локальном хранилище, ни в сессиях, ни в куках нет вообще никаких данных.

Не совсем верно. Во вкладке "Приложение" их нет, а вот во вкладке "Сеть" по клике на запрос - есть.

Эти печеньки можно установить в другой профиль/браузер с помощью любого расширения для работы с cookies. Возьмем к примеру расширение Cookie Editor и создадим новую печеньку со следующими параметрами:

И вуаля, у нас в другом браузере появится кнопочка "Edit'.

Ответ написан более двух лет назад

Комментировать

Как правильно поставить тип параметру?

Mikhail Osher @miraage

Старый прогер

interface TodoItem {
    id: number
    subtitle: string
    important: boolean
    done: boolean
}

const generalToggle = (arr: TodoItem[], id: number, propertyName: keyof TodoItem) => {
        const idx = arr.findIndex((item) => item.id === id);
        const oldItem = arr[idx];
        const value = !oldItem[propertyName];

        const item = {...arr[idx], [propertyName]: value};
        return [
            ...arr.slice(0, idx),
            item,
            ...arr.slice(idx + 1)
        ];
    };

А еще лучше, храните TODO объектом по ключам (для мутаций) и отдельно список IDs (для рендера списка), чтобы O(n) не гонять на каждое изменение.

Ответ написан более двух лет назад

9 комментариев

Как с сайта телеграм вытянуть анимированый стикер себе на сайт?

RAX7 @RAX7

Войдите на сайт