Jump to content

Leaderboard


Popular Content

Showing content with the highest reputation on 04/20/18 in all areas

  1. 1 point
    Oi André, para trabalhar com fluxos assíncronos, o ideal e mais simples é utilizar Promises. A função Promise.all retorna na ordem em que foi invocado e quando todos acabarem. Veja só como ficou: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <div class="label-head"> <span>Blogger</span>, <span>adsense</span>, <span>gadgets</span>, <span>10th Birthday</span> </div> <script> var eachLabel = []; var dataPost = []; var arrayLabel = []; $(".label-head span").each(function(){ eachLabel.push($(this).text()); }); console.log(eachLabel); var promises = [] eachLabel.forEach(function(label) { promises.push(fetch(label)) }); Promise.all(promises) .then(function(results) { results.forEach(function(data) { console.log(data.feed.link[1].href); //para debugar e você ver que manteve a ordem data.feed.entry.forEach(function(entry) { var title = entry.title.$t; dataPost.push([title]); }) }); return dataPost; }) .then(function(dataPost) { console.log(dataPost); }); function fetch(label) { return $.ajax({ url: "https://blogger.googleblog.com/feeds/posts/default/-/" + label + "?alt=json-in-script&max-results=10", type: "get", dataType: "jsonp" }) } </script> </body> </html>
  2. 1 point
    E aí, godoy?! O nome comum desse componente é "hover dropdown" e tem como característica mostrar um submenu, ao passar o mouse por cima do item principal. Além do mais, ele é derivado de um outro componente chamado "dropdown", no qual o usuário necessita clicar para ver o submenu. Design patterns Uma boa forma de crescer seu conhecimento no ramo é estudar design patterns (ou padrões de design, se preferir). Assim, se você pesquisar por essas duas palavrinhas, vai encontrar uma vastidão de outros componentes que são padrões, na web. No entanto, vou te dar um ajudinha e compartilhar os seguintes links, pra tu começar estudando sobre o que precisa: Tutorial do Maujor; Tutorial do WPMasters; Vídeo do Sala de Estudos. Ps: Acho mais importante você estudar direitinho como faz, antes que possamos te dar a resposta. Por isso, depois de estudar, se ainda tiver dúvida, pode contar comigo.
This leaderboard is set to Sao Paulo/GMT-03:00
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.