;(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

Splash

Splash

Ator de 'Riverdale' surge irreconhecível em novo visual

KJ Apa interpreta Archie Andrews em "Riverdale" - Reprodução / Instagram
KJ Apa interpreta Archie Andrews em 'Riverdale' Imagem: Reprodução / Instagram

Colaboração para Splash, em São Paulo

30/07/2022 15h15

KJ Apa, que interpreta Archie Andrews na série 'Riverdale', surpreendeu os fãs ao aparecer com um novo visual. Após finalizar as gravações da sexta temporada, o artista neozelandês de 25 anos apareceu em uma foto abandonando o clássico cabelo ruivo, com os fios da cabeça raspado, barba por fazer e uma flor na orelha.

"Redefinir. Um movimento rápido", legendou ele na foto fazendo referência ao novo filme do ator, que está sendo filmado nos Estados Unidos, tem direção de Kelly Blatz e ainda não tem previsão de estreia.

Relacionadas

'Ela não fez nada para merecer', diz ator de 'Riverdale' que matou mãe

Quem é o ator de 'Riverdale' que matou a mãe e quis matar primeiro-ministro

Ator de 'Riverdale' comenta cancelamento da série: 'Tempo perfeito'

Nos comentários da postagem, os fãs ficaram chocados com a mudança. "Chega de Archie, esse é o KJ", escreveu uma pessoa. "Quem é esse?", brincou outro. "Ele está finalmente livre de Riverdale?", perguntou mais um. "Mano cadê o cabelo", questionou outro seguidor.

As mais lidas agora

Felipe Simas aparece fazendo pregação em igreja evangélica

Fernanda Campos, ex-affair de Neymar, ganha 12 mil euros para pisotear fã

Após perder 40 kg, filha de Simony exibe coxas malhadas em dia na academia

Últimas de Splash

Atriz de 'Renascer' entra em 'Vale Tudo' com personagem misteriosa

Margarida de A Viagem era mãe de ator da Globo e morreu no ano ado

'Vale Tudo': Fátima realiza sonho de César após encontro com Marco Aurélio

Final de Força de Mulher: Com ajuda de bandido, Ceyda ganha a guarda de Arda

Em Vale Tudo, Ivan é alertado sobre comida enfeitiçada de Heleninha: 'Gamar'

Wanessa revela ajudinha de Sandy para realizar sonho: "Nunca te pedi nada"

Após perder 40 kg, filha de Simony exibe coxas malhadas em dia na academia

Esta música 'brasileira' virou sucesso mundial, mas ninguém ouviu por aqui

Fernanda Campos, ex-affair de Neymar, ganha 12 mil euros para pisotear fã

Viviane Araújo a pela quarta cirurgia de hérnia umbilical

Atriz tranquiliza fãs e compartilha recuperação após novo procedimento

História de Amor: Joyce acusa Helena por tragédia com Assunção: "Você foi a culpada"