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

Katleen da Cruz Conceição

Entenda a diferença entre cosmético e dermocosmético e como eles atuam

iStock
Imagem: iStock

Colunista do UOL

07/12/2020 08h59

O assunto de hoje é cosméticos e dermocosméticos. Se você também tem alguma pergunta, pode me enviar pelo Instagram (@vivabem_uol) ou pelo email [email protected].

Para começar, vamos diferenciar um e outro.

Cosmético possui ação somente nas primeiras camadas da pele e de forma imediata. Exemplo: corretivo para olheiras.

Dermocosmético possui ativos farmacológicos na composição, podendo tratar manchas, rugas e flacidez, por exemplo. Exemplo: ácido glicólico na concentração de 20%.

Os dermocosméticos tratam a fim de reduzir ou eliminar o problema a longo prazo, os cosméticos possuem uma ação imediata.

Os dermocosméticos são prescritos pelos dermatologistas e têm ação na doença da pele. Já os cosméticos são utilizados para uma ação mais imediata, como camuflar uma olheira ou realizar um efeito Cinderela na pele. Lembrando que os dois podem ser aliados para a saúde a pele.

Os dermocosméticos possuem os ativos em maior concentração, por exemplo para tratamento da acne utiliza-se ácidos em concentrações maiores para haver uma renovação celular, diminuição da oleosidade e melhora da textura.

Já entre os cosméticos pode-se usar ácido em baixas concentrações, apenas para dar um aspecto de disfarçar a porosidade da pele, não atuando realmente nas glândulas sebáceas, por exemplo.

O ideal é realizar visitas periódicas a um dermatologista experiente para avaliar o seu tipo de pele e os produtos adequados para ela.

Deve-se primeiro saber qual o seu tipo de pele, idade de atuação do produto, validade, horário de uso, veículo do produto (por exemplo, pele oleosa deve usar sérum, gel creme ou oil free), local de ação do produto e avaliar se há algum componente ao qual você é alérgico.

Cosmético orgânico

Os cosméticos orgânicos devem possuir, no mínimo, 95% de matérias-primas certificadas como orgânicas. Os 5% restantes podem ser compostos por água e por outras matérias-primas naturais. Todo produto orgânico é fabricado dentro dos princípios da sustentabilidade, pois é ecologicamente correto e socialmente justo. Seus resíduos não prejudicam a natureza.

Os produtos orgânicos são produzidos sem conservantes ou fragrâncias artificiais, sem parabenos ou silicone, sem ingredientes geneticamente modificados ou irradiados, derivados de petroquímica ou animal, sem metais pesados, além de não ar por nenhum teste em animais.

Acredito que muitas pessoas irão optar cada vez mais por esses produtos, lembrando que eles devem ser acrescentados gradativamente até o paciente estar seguro a este estilo de vida em cuidar da pele.