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

Casagrande

Casagrande

OPINIÃO

Texto em que o autor apresenta e defende suas ideias e opiniões, a partir da interpretação de fatos e dados.

Um presente para o meu aniversário: doe e ajude os refugiados no Brasil

Walter Casagrande Jr - Divulgação/Instituto Adus
Walter Casagrande Jr Imagem: Divulgação/Instituto Adus
só para s
Walter Casagrande Jr.

Colunista do UOL

11/04/2023 08h00

Receba os novos posts desta coluna no seu e-mail

Email inválido

No sábado, dia 15 de abril, farei 60 anos. E, em todos os meus aniversários, faço uma campanha para quem se sentir à vontade para colaborar. Sou um dos embaixadores do Instituto Adus, que se dedica a auxiliar e facilitar, de todas as formas, a inclusão dos refugiados que vivem no Brasil.

O Instituto Adus atua há mais de 13 anos junto a pessoas em situação de refúgio ou vítimas de migrações forçadas, oferecendo o à documentação, aulas de português, qualificação profissional e inserção no mercado de trabalho. Mais de 14.000 pessoas de 65 nacionalidades já foram atendidas.

Colunistas do UOL

Na realidade, se alguém tiver com vontade de ajudar esse trabalho, eu seria muito grato. Para doar, é só clicar nesse link.

Paz e amor a todos!

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

As mais lidas agora

'Roubo' e 'piada': Pai de Filipinho, Scooby e torcida protestam contra WSL

Bombas, gás e mais: AeroFla termina com confusão entre polícia e torcedores

Flamengo rompe com empresa contratada para reformular sócio-torcedor

Casagrande

Enquanto a 'Azzurra' está sem treinador, Carlo Ancelotti comanda o Brasil

Walter Casagrande Jr.

Casão: Raphinha não é criativo, e seleção continua com vácuo no meio-campo

Ancelotti trouxe de volta a garra, a luta e a vergonha na cara da seleção

Walter Casagrande Jr.

Chegou a hora da seleção brasileira se impor e vencer com bom futebol

Walter Casagrande Jr.

Santos está vivendo no 'Mundo de Oz' sem ver que está indo para o buraco

Walter Casagrande Jr.

CRB x Espanha: O que adversários e posturas dizem sobre Neymar e CR7

Liga das Nações pesa em prêmio de melhor do mundo? Comentaristas debatem

Portugal pode ser campeão do mundo sem CR7? Colunistas debatem

Cristiano Ronaldo merece um capítulo extra na história do futebol mundial

Walter Casagrande Jr.

Encontrei um Ancelotti feliz por estar aqui e empolgado com seu trabalho

Walter Casagrande Jr.

'Lady Tempestade' tem uma interpretação incrível da Andréa Beltrão

Walter Casagrande Jr.