CSS ключевые кадры анимации лаги / изменчивый

Чтобы также решить проблему, указанную kazuar:

К сожалению, это не работает, если дата вводится с клавиатуры

, вы должны определите метод parseDate. Из документа:

$mdDateLocaleProvider.parseDate = function(dateString) {
    var m = moment(dateString, 'L', true);
    return m.isValid() ? m.toDate() : new Date(NaN);
};

Для полного примера у меня есть в моем приложении (с использованием момента):

$mdDateLocaleProvider.formatDate = function(date) {
    return moment(date).format('DD/MM/YYYY');
};

$mdDateLocaleProvider.parseDate = function(dateString) {
    var m = moment(dateString, 'DD/MM/YYYY', true);
    return m.isValid() ? m.toDate() : new Date(NaN);
};

С уважением

0
задан ClownBaby 22 March 2019 в 07:23
поделиться

1 ответ

Вы анимируете max-height, что вызывает перекомпоновку макета, которая требует интенсивного использования графического процессора. См. https://csstriggers.com/ для свойств CSS, которые вызывают компоновку, рисование или составные вычисления. Наиболее эффективным способом было бы сделать это в JavaScript для вычисления границ заранее и использовать transform вместе с requestAnimationFrame для манипулирования измерениями. Но я должен признать, что это немного сложно. У Пола Льюиса есть много хороших материалов о технике FLIP: https://aerotwist.com/blog/flip-your-animations/

0
ответ дан marcobiedermann 22 March 2019 в 07:23
поделиться
Другие вопросы по тегам:

Похожие вопросы: