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

Perrone

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.

Compare as estatísticas dos rivais nas quartas de final da Copa do Brasil

20/07/2022 04h00

Receba os novos posts desta coluna no seu e-mail

Email inválido

Compare as estatísticas dos times que irão se enfrentar nas quartas de final da Copa do Brasil. Os números são do site FootStats. As médias são por jogo.

Atlético-GO x Corinthians

Índice de acerto de es

Atlético-GO - 90 88%

Corinthians - 91,52%

Média de posse de bola

Atlético-GO - 57,51%

Corinthians - 53,94%

Média de finalizações certas

Atlético-GO - 4,67

Corinthians - 4

Média de gols feitos

Atlético-GO - 1,50

Corinthians - 1,75

Média de gols sofridos

Atlético-GO - 0,33

Corinthians - 0,50

Média de desarmes

Atlético-GO - 13,33

Corinthians - 14,75

Fortaleza x Fluminense

Índice de acerto de es

Fortaleza - 87,60%

Fluminense - 90,54%

Média de posse de bola

Fluminense - 58,09%

Fortaleza - 50,89%

Média de finalizações certas

Fortaleza - 5,25

Fluminense - 5

Média de gols feitos

Fortaleza - 1,50

Fluminense - 2,50

Média de gols sofridos

Fortaleza - 0,25

Fluminense - 0,75

Média de desarmes

Fortaleza - 16,25

Fluminense - 10

São Paulo x América-MG

Índice de acerto de es

São Paulo - 90.88%

América-MG - 87,91%

Média de posse de bola

São Paulo - 57,95%

América-MG - 45.64%

Média de finalizações certas

São Paulo - 4,33

América-MG - 6

Média de gols feitos

São Paulo - 1,33

América-MG - 2,50

Média de gols sofridos

São Paulo - 0,67

América-MG - 0

Média de desarmes

São Paulo - 12,67

América-MG - 13,50

Flamengo x Athletico

Índice de acerto de es

Flamengo - 93,17%

Athletico - 91,62%

Média de posse de bola

Flamengo - 58,25%

Athletico - 53,66%

Média de finalizações certas

Flamengo - 5,50

Athletico - 7,25

Média de gols feitos

Flamengo - 1,75

Athletico - 3,25

Média de gols sofridos

Flamengo - 0,75

Athletico - 1

Média de desarmes

Flamengo - 17,50

Athletico - 16,25