;(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();
})();
Em "Na Cozinha", Pedro Rakun ensina uma receita diferente para sua festa junina: cachorro-quente de forno.
Ingredientes
Molho
500 grama(s) de salsicha
1/2 cebola
1 pimentão
1 colher(es) de sopa de azeite de oliva para refogar
400 grama(s) de extrato de tomate
200 mililitro (ml) de água
8 pãezinhos pequenos/médios
1 cenoura média
Sal, pimenta e páprica defumada picante a gosto
Purê
5 batatas médias
100 grama(s) de manteiga sem sal
Leite integral (morno) a gosto, eu usei aproximadamente 150ml
Sal e pimenta a gosto
Montagem
2 colher(es) de sopa de cream cheese ou maionese para o fundo da assadeira
Quanto baste de mostarda
Quanto baste de ketchup
Quanto baste de queijo mussarela ralado
Quanto baste de queijo prato ralado
Quanto baste de queijo parmesão ralado
Quanto baste de batata palha
Modo de preparo
Molho
Coloque as salsichas em água fervendo e deixe pelo tempo indicado na embalagem, mas cuidado que costuma ser bem rapidinho. Quando estiverem prontas, corte as salsichas em rodelas conforme a espessura desejada.
Corte meia cebola em cubinhos, descasque uma cenoura e coloque no processador para agilizar o processo. Corte o pimentão vermelho em cubinhos.
Na a quente, adicione o azeite de oliva e em seguida a cebola. Assim que a cebola começar a ficar transparente (após aproximadamente de 3 a 5 minutos), acrescente a cenoura e refogue. Adicione o pimentão e continue refogando por mais 3 minutos aproximadamente. Acrescente o extrato de tomate e após mexer bem, adicione a água. Continue mexendo para misturar tudo muito bem e deixe o molho reduzir. Com cuidado, adicione o sal e a pimenta. Prove, ajuste os temperos e adicione as salsichas.
Purê
Cozinhe 4 batatas médias até ficarem bem macias. e pelo espremedor de batata e acrescente a manteiga sem sal, misture até que a manteiga esteja derretida e emulsionada no purê. Adicione leite morno e misture até chegar na textura desejada. Por fim tempere com sal e pimenta do reino a gosto e está pronto.
Montagem
Comece com o cream chesse ou maionese na base da assadeira e monte uma camada com o pães de cachorro quente cortados pela metade*. Logo em seguida acrescente a mostarda, uma camada generosa de ketchup e as salsichas com o molho. Cubra essa camada com queijo e, por cima do queijo, purê de batata. Para ajudar a gratinar, rale queijo parmesão por cima do purê. Leve ao forno em temperatura máxima para gratinar e finalize com as batatas palha.
ID: {{comments.info.id}}
URL: {{comments.info.url}}
Ocorreu um erro ao carregar os comentários.
Por favor, tente novamente mais tarde.
{{comments.total}} Comentário
{{comments.total}} Comentários
Seja o primeiro a comentar
Essa discussão está encerrada
Não é possivel enviar novos comentários.
Essa área é exclusiva para você, , ler e comentar.
Só s do UOL podem comentar
Ainda não é ? Assine já.
Se você já é do UOL, faça seu .
O autor da mensagem, e não o UOL, é o responsável pelo comentário. Reserve um tempo para ler as Regras de Uso para comentários.