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

Tá em dúvida? Chega mais que a gente te explica!

Splash Explica

Anitta x Salles: você sabe o que são 'Teletubbies'? Splash explica!

Ricardo Salles, o ministro do Meio Ambiente, chamou Anitta de 'Teletubbies'
Ricardo Salles, o ministro do Meio Ambiente, chamou Anitta de 'Teletubbies'
Reprodução

De Splash, em São Paulo

21/04/2021 20h10

A tarde de hoje foi marcada pela treta entre Anitta e o ministro do Meio Ambiente, Ricardo Salles. Na discussão, a cantora acabou sendo chamada de 'Teletubbie' — em referência à famosa série infantil dos anos 1990.

Mas o que são esses bichinhos coloridos que chegaram ao Brasil em 1999, no programa Angel Mix, da Angélica, na TV Globo?

Continua depois da publicidade

via GIPHY

Splash Explica!

Os "Teletubbies" são quatro criaturinhas coloridas — Tinky Winky, Dipsy, Laa-Laa e Po — que viviam na Teletubbilândia. Cada um era de uma cor (roxo, verde, amarelo e vermelho, respectivamente) e tinha uma antena de formato diferente em sua cabeça.

A série tem um episódio para cada dia do ano e, em cada um deles, apresenta um "evento mágico" na vida dos quatro teletubbies — que precisam se desdobrar para resolver problemas do dia-a-dia.

via GIPHY

Curiosidade!

A atração era propositalmente infantilizada em excesso, já que foi criada pela BBC — emissora estatal britânica — para prender a atenção e ajudar a despertar partes dos cérebros das crianças. A psicodelia e as referências alienígenas eram um detalhe à parte.

Continua depois da publicidade

via GIPHY

Salles, por sua vez, não deixou claro o motivo da comparação. E isso, felizmente, Splash ainda não explica.

via GIPHY

Mais stories de Splash

As mais lidas agora

Ex de Luciano Camargo debocha de processo por dizer que Zé Felipe seria gay

Vale Tudo: Resumo dos capítulos da novela da Globo (5 a 14/6)

Ludmilla e Brunna Gonçalves mostram pela primeira vez rosto da filha, Zuri

Splash Explica

A Casa do Dragão: Quem é Daeron, o misterioso quarto filho de Alicent?

Por que teremos dois Emmys neste ano? Entenda

Americana viraliza ao amar livro de Machado; por que livro é tão cativante?

Acusação de pedofilia e mais: entenda a treta entre Drake e Kendrick Lamar

O que é 'quadro psicótico agudo', que Vanessa Lopes teve no BBB 24?

Humorista que criou o termo 'calabreso' explica bordão: 'Jeito carinhoso'

Síncope vasovagal: o que é condição que provocou desmaio de Alane no BBB

O que é ficar de xereca? Expressão foi usada por sister no BBB 24

E o Mike? Entenda fala de Vanessa Lopes que virou piada no BBB 24

Rafael Puglisi: por que a morte do dentista foi classificada como suspeita?

Pedro Pascal sempre faz a mesma pose em fotos, e explicação pode te ajudar