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

Autores

Leandro Carneiro

Leandro Carneiro

REPORTAGEM

Texto que relata acontecimentos, baseado em fatos e dados observados ou verificados diretamente pelo jornalista ou obtidos pelo o a fontes jornalísticas reconhecidas e confiáveis.

Marcos Mion acerta com ESPN e participará de cobertura da final da NBA

Marcos Mion ao lado de Stephen Curry, tricampeão da NBA - Reprodução/Instagram
Marcos Mion ao lado de Stephen Curry, tricampeão da NBA Imagem: Reprodução/Instagram
só para s
Leandro Carneiro

Colunista do UOL

09/07/2021 19h00

O apresentador Marcos Mion será uma das novidades da ESPN no esquenta para o jogo do próximo domingo entre Phoenix Suns e Milwaukee Bucks, terceiro confronto da decisão da NBA.

Mion estará ao lado de Rômulo Mendonça, Alana Ambrosio, Paulo Antunes e o ex-jogador Leandrinho para o "SportsCenter Abre o Jogo", a partir das 20h30.

Relacionadas

Bárbara Coelho volta a ser repórter e revela tensão em chegada ao Japão

Duelo de semifinal: Euro na Globo supera seleção no SBT

Renata Silveira diz que narrar desmaio de Eriksen foi 'desesperador'

O apresentador é fã de NBA e sempre que pode marca presença nos ginásios nos Estados Unidos. Mion tem, inclusive, uma coleção de tênis usados pelos astros da liga americana.

Apesar da presença no esquenta para partida, Mion não estará na transmissão que terá narração de Rômulo Mendonça e comentários de Leandrinho, além de Paulo Antunes in loco.

As mais lidas agora

Baiana chega à pergunta de meio milhão no Domingão; você acertaria?

De biquíni, Camila Pitanga posa em canoa em viagem a Cabo Verde

Angélica recupera foto com 15 anos: 'Criança mais bonita do Brasil'

UOL

Leandro Carneiro

Editor de Splash, viciado por qualquer tipo de reality show, inclusive aqueles que os famosos vivem na vida real. Jornalista há mais de 10 anos e palpiteiro desde sempre. Se o assunto for esporte, entro em campo também.

Hoje é mesmo aniversário do Lula? Por que existem 2 datas e qual seu signo

Cris Dias cobra pensão de Thiago Rodrigues; como funciona pagamento?

Ele venceu o Oscar, mas não pôde ir à premiação e nem viu próprio filme

Altitude preocupante: quais aviões poderiam ser atingidos por óvni nos EUA?

Existe vida fora da Terra? O que se sabe sobre óvnis?

Messi tem autismo? O que se sabe sobre a história?

RedeTV! anuncia 'grande reestruturação' e o 'Encrenca' acaba após oito anos

Eliminado, Brasil igualará maior jejum sem títulos de Copa

Por que existem tantos Kims na Coreia do Sul?

'Envergonharia se berrasse por torturador': o apoio de Isabel à filha

Qual é a empresa que levou a Copa do Mundo para Casimiro