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

Regra de três simples - Para grandezas diretamente proporcionais

Carlos Alberto Campagner, Especial para a Página 3 Pedagogia & Comunicação

Algumas equações são simples de resolver, já que relacionam grandezas (tempo, comprimento, quantidades, etc). São as equações que envolvem proporcionalidades, facilmente resolvidas por regrinhas de três.

Veja os seguintes exemplos:

No rótulo de um suco concentrado, observam-se as seguintes instruções:

Misture 1 parte do produto a 4 partes de água. Adoce a gosto.

No primeiro exemplo, temos que a proporção de suco concentrado para o de água é 1 4 . Isso é uma razão.

Logo se forem colocados 2 copos de suco concentrado, devem-se colocar 8 de água. Então: 1 4 = 2 8 = 3 1 2 = .? .? .? ·

Numa receita de macarrão caseiro, lê-se: Misturar 100g de farinha de trigo para cada ovo.

A proporção é 1 1 0 0 = 2 2 0 0 = 3 3 0 0 = .? .? .? ·

Uma igualdade entre razões é uma proporção.

1 1 0 0 = 2 2 0 0 1 1 0 0 = 3 3 0 0 1 4 = 3 1 2


As proporções possuem uma propriedade importante, multiplicando seus termos em cruz, obtem-se o mesmo resultado:


 

 

 

É o princípio da regra de três

Problemas com regras de três

No exemplo da receita de macarrão caseiro, quantos ovos devem-se utilizar para 500g de farinha de trigo?

Lembrando que a proporção é de 1 ovo para 100g de farinha de trigo, existem algumas regras para a resolução da proporcionalidade através da regra de três:

1ª regra: colocar as grandezas iguais na mesma coluna:

Ovos Farinha 1 1 0 0 X? 5 0 0


2ª regra: multiplicar em cruz:


 

 

 

Logo:

1 0 0 X? = 5 0 0 1 X? = 5 0 0 1 0 0 = 5


Resposta: devem-se utilizar 5 ovos para 500g de farinha de trigo.

Esse raciocínio é válido para grandezas diretamente proporcionais (quanto mais farinha, mais ovos; quanto menos água, menos suco). Para a proporção grandezas inversamente proporcionais, o modo de operação muda um pouco.


Existem também problemas em que você tem mais de duas grandezas envolvidas. São as chamadas regras de três compostas.