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

Manteiga x azeite: saiba quando usar um ou outro na cozinha

Getty Images
Imagem: Getty Images

Juliana Bianchi

Colaboração para o UOL

06/10/2019 04h00

Usar manteiga ou azeite na cozinha não é apenas questão de escolher qual o mais saudável. Envolve questões técnicas, culturais e, claro, de sabor. Pratos clássicos ses, por exemplo, pedem manteiga para manter seu sabor característico. Enquanto os provençais usam mais azeite e os asiáticos, outros óleos vegetais (especialmente o de soja e gergelim).

Massas crocantes, como a folheada, e molhos aveludados, como hollandaise, precisam da estrutura da manteiga para existir. Enquanto bases mais elásticas e outros molhos, como a maionese, necessitam da fluidez do óleo para chegar ao resultado esperado.

"É uma questão de identidade do prato e estrutura da receita", afirma Patrick Martin, diretor executivo da escola sa Cordon Bleu, que recentemente abriu o curso de formação técnica CordonTec, em São Paulo.

Manteiga - Getty Images - Getty Images
Imagem: Getty Images

À frente da cozinha do Bistrot Parigi, a chef Vanessa Lima não abre mão da manteiga. "É minha base, minha vida", diz ela, que utiliza a gordura de origem animal para emulsionar molhos, fritar carnes e peixes e trazer cremosidade na finalização dos pratos.

Por uma questão técnica, entretanto, ela abre exceções diárias ao óleo. "Como a manteiga queima rápido (entre 120°C e 150°C ele a adquirir cor e sabor de avelã), começo alguns preparos mais longos, como o do linguado ou de cortes de carne altos, com azeite e finalizo com manteiga para dar mais sabor", conta.

Um truque comum para driblar o calor por mais alguns graus é "batizar" a manteiga com um pouquinho de óleo ou utilizar manteiga clarificada (também conhecida como ghee), como lembra Martin. O processo, que elimina os sólidos do leite e a água em excesso da gordura existente, permite que se trabalhe até cerca de 250º C. Acima disso, só mesmo óleos vegetais, de preferência os de milho, soja ou canola, para aguentar o tranco.

Azeite - iStock - iStock
Imagem: iStock

Rico em gorduras boas, o azeite também pode ir para a a - ainda que perca suas propriedades acima de 180°C - mas seu uso mais recomendado é em preparos que exijam pouco tempo no calor, como grelhados, salteados e refogados, e na finalização de pratos, como indica o chef Marcelo Martino, responsável pelos restaurantes Timo e El Carbón. Dessa forma se consegue aproveitar as características e sabores próprios de cada tipo de azeite, levando uma camada extra de sabor e aroma às preparações.