;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo

Filmes

Filmes

ANÁLISE

Dálmatas raivosos e ajuda no xixi: O que você não sabia sobre 'Cruella'

De Splash, em São Paulo

17/03/2022 04h00

Ao assistir "Cruella" (2021) você reparou que os raivosos dálmatas da nossa vilã/heroína eram meio estranhos? E onde estava o icônico cigarro na piteira da nossa fashionista repaginada na pele de Emma Stone?

Hoje Splash mergulha nos bastidores do longa que concorre ao Oscar em duas categorias —Melhor Figurino (Jenny Beavan) e Melhor Maquiagem e Penteados— para entender como Craig Gillespie tirou o projeto do papel e transformou uma repulsiva vilã da Disney em um ícone fashion.

E olha que tem muitas curiosidades interessantes e aletórias que envolvem até meses de fisioterapia de Emma Stone por causa de um show das Spice Girls! Eu disse que eram aleatórias. Veja tudo no vídeo aí em cima da matéria!

Relacionadas

O que é verdade em 'Spencer', filme que pode dar Oscar a Kristen Stewart

Emma Stone assina contrato com a Disney e estrelará 'Cruella 2'

** Este texto não reflete, necessariamente, a opinião do UOL

As mais lidas agora

'Lampião': O que esperar de doc sobre cangaço feito ao longo de 19 anos

Monumento ao rancor em um livro extraordinário: a obra de Mircea Cartarescu

Tatá Werneck zoa flagra do marido com 'volumão' na praia: 'Garrafa pet'

Filmes

50 anos de Angelina Jolie: Quais são os melhores filmes da atriz?

A atriz protagonizou produções de diversos estilos, sempre imprimindo personalidade aos personagens; confira

'Lampião': O que esperar de doc sobre cangaço feito ao longo de 19 anos

'Onde fui me meter?': O que fez Ana de Armas ter dúvidas sobre 'Bailarina'

Com vestido decotado, Dakota Johnson a apuros para não 'mostrar demais'

Próximo Mamma Mia promete revelar grande segredo depois de 17 anos

O novo musical deve responder a maior dúvida da franquia; entenda o que filme pode solucionar

'Jogo da Viúva': filme mais visto da Netflix renderia ainda mais como série

Ricky Hiraoka

Seventeen, IU, UAU, Sung Hanbin e Kickflip: novidades do K-pop

Ele voltou! Vilão do terror “O Telefone Preto” reaparece ainda mais perigoso na sequência; assista ao trailer

O longa estreia no dia 17 de outubro nos cinemas

Ivete Sangalo revela desejo de fazer cinema: 'Um milhão de possibilidades'

Sucesso da Netflix, Sereias repete erro constante das séries modernas

Nem sempre o amor vence! Final original deste filme destruirá seu coração