{"id":3743,"date":"2017-11-02T20:06:59","date_gmt":"2017-11-02T20:06:59","guid":{"rendered":"http:\/\/disenodepagina.com\/disenoweb\/?p=3743"},"modified":"2017-11-02T20:06:59","modified_gmt":"2017-11-02T20:06:59","slug":"diseno-web-zapopan","status":"publish","type":"post","link":"https:\/\/disenodepagina.com\/disenoweb\/diseno-web-zapopan\/","title":{"rendered":"Dise\u00f1o web Zapopan"},"content":{"rendered":"<h1>Dise\u00f1o web Zapopan<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-3744\" src=\"http:\/\/disenodepagina.com\/disenoweb\/wp-content\/uploads\/2017\/11\/descarga-300x159.jpg\" alt=\"Dise\u00f1o web Zapopan\" width=\"300\" height=\"159\" srcset=\"https:\/\/disenodepagina.com\/disenoweb\/wp-content\/uploads\/2017\/11\/descarga-300x160.jpg 300w, https:\/\/disenodepagina.com\/disenoweb\/wp-content\/uploads\/2017\/11\/descarga.jpg 301w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>TRANSFERENCIA DE MENSAJES<\/p>\n<p>El <a href=\"http:\/\/disenodepagina.com\"><em><strong>Dise\u00f1o web Zapopan<\/strong><\/em><\/a> y el\u00a0 API de transferencia de mensajes es una manera muy simple de enviar cadenas de caracteres entre un origen (o un dominio) a un destino. Por ejemplo podemos utilizarlo para enviar informaci\u00f3n a una ventana abierta como popup, o a un iframe dentro de la p\u00e1gina, a\u00fan cuando tiene como origen otro dominio <strong>sitio web<\/strong> .<br \/>\nLa comunicaci\u00f3n entre un Worker y su p\u00e1gina principal se realiza mediante un modelo de evento y el m\u00e9todo postMessage(). En funci\u00f3n del navegador o de la versi\u00f3n, postMessage() puede aceptar una cadena o un objeto JSON como argumento \u00fanico. Las \u00faltimas versiones de los navegadores modernos son compatibles con la transferencia de objetos JSON. De todas maneras, siempre podemos utilizar los m\u00e9todos JSON.stringify y JSON.parse para la transferencia de objetos entre el thread principal y los Worker <strong>p\u00e1gina web<\/strong> .<\/p>\n<p>A continuaci\u00f3n, se muestra un ejemplo sobre c\u00f3mo utilizar una cadena para transferir \u00abHello World\u00bb a un Worker en doWork.js. El Worker simplemente devuelve el mensaje que se le transfiere <strong>dise\u00f1o<\/strong>.<br \/>\nSecuencia de comandos principal:<br \/>\nworker.postMessage(&#8216;Hello World&#8217;); \/\/ Send data to our worker.<br \/>\ndoWork.js (el Worker):<br \/>\nself.addEventListener(&#8216;message&#8217;, function(e) { self.postMessage(e.data); }, false);<br \/>\nCuando se ejecuta postMessage() desde la p\u00e1gina principal, el Worker es capaz de obtener este mensaje escuchando al evento message. Se puede acceder a los datos del mensaje (en este caso \u00abHello World\u00bb) a trav\u00e9s de la propiedad data del evento. Aunque este ejemplo concreto no es demasiado complejo, demuestra que postMessage() tambi\u00e9n sirve para transferir datos de vuelta al thread principal, una vez que los datos de origen se hayan procesado correctamente <strong>dise\u00f1o web<\/strong> .<br \/>\nLos mensajes que se transfieren entre el origen y los Worker se copian, no se pasan por referencia. Por ejemplo, en el siguiente ejemplo, a la propiedad msg del mensaje JSON se accede en las dos ubicaciones. Parece que el objeto se transfiere directamente al Worker aunque se est\u00e9 ejecutando en un espacio espec\u00edfico e independiente. En realidad, lo que ocurre es que el objeto se serializa al transferirlo al Worker y, posteriormente, se anula la serializaci\u00f3n en la otra fase del proceso. El origen y el Worker no comparten la misma instancia, por lo que el resultado final es la creaci\u00f3n de un duplicado en cada transferencia. La mayor\u00eda de los navegadores implementan esta funci\u00f3n mediante la codificaci\u00f3n\/descodificaci\u00f3n JSON autom\u00e1tica del valor en la otra fase del proceso, cuando el paso de objetos est\u00e1 soportado <strong>desarrollo web<\/strong><\/p>\n<h2><strong><em>Dise\u00f1o web Zapopan<\/em><\/strong><\/h2>\n<p><a href=\"https:\/\/www.facebook.com\/disenopaginaweb\u00a0\" target=\"_blank\" rel=\"noopener\">#DisenowebZapopan<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o web Zapopan &nbsp; &nbsp; TRANSFERENCIA DE MENSAJES El Dise\u00f1o web Zapopan y el\u00a0 API de transferencia de mensajes es una manera muy simple de enviar cadenas de caracteres entre un origen (o un dominio) a un destino. Por ejemplo podemos utilizarlo para enviar informaci\u00f3n a una ventana abierta como popup, o a un iframe [&#8230;]\n","protected":false},"author":2,"featured_media":3744,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[478,477,8],"tags":[19,82,12,556,557,530],"class_list":["post-3743","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-de-pagina","category-diseno-web","tag-desarrollo-web","tag-diseno","tag-diseno-web","tag-diseno-web-zapopan","tag-paina-web","tag-sitio-web"],"_links":{"self":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts\/3743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/comments?post=3743"}],"version-history":[{"count":1,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts\/3743\/revisions"}],"predecessor-version":[{"id":3745,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts\/3743\/revisions\/3745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/media\/3744"}],"wp:attachment":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/media?parent=3743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/categories?post=3743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/tags?post=3743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}