;(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();
})();
Se der uma espiadinha nos livros de receitas das vovós não tem erro: sempre vai ter uma receita de manjar de coco. Fácil de fazer e açucarado, ele é um clássico das mesas brasileiras.
Aprenda a receita fácil do doce.
Ingredientes
Manjar
400 mililitro (ml) de leite de coco
1 litro(s) de leite
1 lata(s) de leite condensado
1 xícara(s) de chá de amido de milho
Óleo para untar a fôrma
Calda de ameixa
300 grama(s) de ameixa seca com caroço (cerca de 2 xícaras)
2 e 1/2 xícara(s) de chá de água
3/4 xícara(s) de chá de açúcar
1 rama de canela
Modo de preparo
Manjar
Unte com uma fina camada de óleo uma fôrma redonda de furo no meio de 22 cm de diâmetro e 6,5 cm de altura (se quiser utilizar uma fôrma de outro modelo, considere o volume de 1750 ml)
Numa a média, junte o leite de coco, 3 xícaras (chá) de leite, o leite condensado e misture bem com um batedor de arame.
Numa tigela pequena dissolva o amido no restante do leite. Leve a a com a mistura do leite ao fogo médio. Quando começar a ferver, abaixe o fogo e junte o leite com o amido dissolvido.
Mexa bem com o batedor de arame por cerca de 3 minutos, até formar um creme grosso - atenção para o ponto: o creme fica levemente marcado com o batedor de arame, não deixe engrossar demais para não ficar com grumos.
Desligue o fogo e transfira imediatamente o creme de coco para a fôma untada - raspe bem o fundo da a e nivele com uma espátula de silicone.
Cubra a fôrma com filme, em contato com o manjar - isso evita a formação de uma película grossa na base do doce.
Deixe amornar em temperatura ambiente antes de levar à geladeira. Enquanto isso, aproveite para preparar a calda de ameixa.
Assim que o manjar estiver morno, leve à geladeira para firmar por no mínimo três horas. Se preferir, prepare o manjar no dia anterior.
Calda de ameixa
Numa a pequena, misture a água com o açúcar até dissolver. Acrescente a ameixa e leve ao fogo médio.
Assim que começar a ferver, abaixe o fogo e deixe cozinhar por 25 minutos até formar uma calda fina e as ameixas ficarem macias. Junte a canela e deixe cozinhar por mais 5 minutos para dar sabor à calda.
Transfira a calda para uma tigela (ou compoteira) e deixe amornar em temperatura ambiente antes de levar à geladeira para esfriar.
Eu Mereço!
Em Nossa, plataforma de lifestyle do UOL, domingo será sinônimo de sobremesa. Essa nova série tem doces fáceis e incríveis para encantar os olhos e o paladar. Acompanhe todos os episódios no Canal UOL e no canal do YouTube de Nossa — inscreva-se!
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.