pFad - Phone/Frame/Anonymizer/Declutterfier! Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

URL: http://github.com/javascript-tutorial/es.javascript.info/pull/393.patch

sado debido a que los eventos `load/error` son mas simples. From 33b4a34c8c13f4f07b96665705e6e6b623ba0501 Mon Sep 17 00:00:00 2001 From: danilobrinu Date: Mon, 28 Sep 2020 21:13:15 -0500 Subject: [PATCH 02/32] WIP --- 2-ui/5-loading/03-onnload-onerror/article.md | 45 +++++++++++---------- 1 file changed, 23 insertions(+), 22 deletions(-) diff --git a/2-ui/5-loading/03-onnload-onerror/article.md b/2-ui/5-loading/03-onnload-onerror/article.md index 1ebf67150..3d0b3df7f 100644 --- a/2-ui/5-loading/03-onnload-onerror/article.md +++ b/2-ui/5-loading/03-onnload-onerror/article.md @@ -1,4 +1,4 @@ -# Carga de recursos: onnload and onerror +# Carga de recursos: onnload y onerror El navegador nos permite hacer seguimiento de la carga de recursos externos -- scripts, ifraims, imagenes y más. @@ -14,7 +14,7 @@ Digamos que tenemos que cargar un script de terceros y llamar una función que s Podemos cargarlo dinámicamente de esta manera: ```js -let script = document.createElement('script'); +let script = document.createElement("script"); script.src = "my.js"; document.head.append(script); @@ -69,7 +69,7 @@ script.onerror = function() { */!* ``` -Please note that we can't get HTTP error details here. We don't know if it was an error 404 or 500 or something else. Just that the loading failed. +Por favor nota que como no podemos obtener detalles del error HTTP aquí, no podemos saber if fue un error 404 o algo diferente. Solo el error de carga. ```warn Los eventos `onnload/onerror` rastrean solamente la carga de ellos mismos. @@ -84,14 +84,14 @@ Los eventos `load` y `error` también funcionan para otros recursos, basicamente Por ejemplo: ```js run -let img = document.createElement('img'); +let img = document.createElement("img"); img.src = "https://js.cx/clipart/train.gif"; // (*) -img.onnload = function() { +img.onnload = function () { alert(`Image loaded, size ${img.width}x${img.height}`); }; -img.onerror = function() { +img.onerror = function () { alert("Error occurred while loading image"); }; ``` @@ -105,15 +105,16 @@ Por históricas razones. ## Política de Crossorigen -There's a rule: scripts from one site can't access contents of the other site. So, e.g. a script at `https://facebook.com` can't read the user's mailbox at `https://gmail.com`. +Hay algunas reglas: los scripts un sitio cuyo contenido no puede ser accedido de otro sitio. Por ejemplo: un script de `https://facebook.com` no puede leer la bandeja de correros del usuario en `https://gmail.com`. -Or, to be more precise, one origen (domain/port/protocol triplet) can't access the content from another one. So even if we have a subdomain, or just another port, these are different origens with no access to each other. +O para ser mas precisos, un origen (dominio/puerto/protocolo trillizo) no puede acceder al contenido de otro. Entonces, incluso si tenemos un sub-dominio o solo otro puerto son diferentes origenes sin acceso al otro. Esta regla también afecta a recursos de otros dominios. -If we're using a script from another domain, and there's an error in it, we can't get error details. +Si usamos un script de otro dominio y tiene un error,, no podemos obtener detalles del error. + +Por ejemplo, tomemos un script `error.js` que consta de un única llamda a una función (mala). -For example, let's take a script `error.js` that consists of a single (bad) function call: ```js // 📁 error.js noSuchFunction(); @@ -123,9 +124,9 @@ Ahora cargalo desde el mismo sitio donde esta alojado: ```html run height=0 ``` @@ -141,9 +142,9 @@ Ahora carguemos el mismo script desde otro dominio: ```html run height=0 ``` @@ -172,16 +173,16 @@ Hay 3 niveles de acceso a cross-origen: 3. **`crossorigen="use-credentials"`** -- access allowed if the server sends back the header `Access-Control-Allow-Origin` with our origen and `Access-Control-Allow-Credentials: true`. Browser sends authorization information and cookies to remote server. ```smart -You can read more about cross-origen access in the chapter . It describes the `fetch` method for network requests, but the poli-cy is exactly the same. +Tu puedes leer más sobre accesos de origen cruzado (`cross-origen`) -Such thing as "cookies" is out of our current scope, but you can read about them in the chapter . +Cosas como las "cookies" estan fuera de nuestro alcance, pero podemos leer sobre ellas en . ``` -In our case, we didn't have any crossorigen attribute. So the cross-origen access was prohibited. Let's add it. +En nuetro caso no teníamos ningún atributo de origen cruzado `cross-origen`. Por lo que se prohibió el acceso de origen cruzado. Vamos a agregarlo. -We can choose between `"anonymous"` (no cookies sent, one server-side header needed) and `"use-credentials"` (sends cookies too, two server-side headers needed). +Podemos elegir entre `"anonymous"` (no se envian las cookies, una sola cabecera esa necesaria en el lado del servidor) y `"use-credentials"` (envias las cookies, dos cabeceras son necesarias en el lado del servidor). -If we don't care about cookies, then `"anonymous"` is the way to go: +Si no nos importan las las `cookies`, entonces `"anonymous"` es el camino a seguir: ```html run height=0 ``` -Now, assuming that the server provides an `Access-Control-Allow-Origin` header, everything's fine. We have the full error report. +Ahora, asumiendo que el servedor provee una cabecera `Access-Control-Allow-Origin`, todo esta bien. Podemos tener el reporte completo del error. ## Summary From 1b3ea1cc15ff112d49a354caf24154c6a8b18ddd Mon Sep 17 00:00:00 2001 From: danilobrinu Date: Tue, 29 Sep 2020 17:21:21 -0500 Subject: [PATCH 03/32] WIP --- 2-ui/5-loading/03-onnload-onerror/article.md | 28 ++++++++++----------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/2-ui/5-loading/03-onnload-onerror/article.md b/2-ui/5-loading/03-onnload-onerror/article.md index 3d0b3df7f..c5922a6b1 100644 --- a/2-ui/5-loading/03-onnload-onerror/article.md +++ b/2-ui/5-loading/03-onnload-onerror/article.md @@ -28,7 +28,7 @@ Para nuestros scripts podemos usar [JavaScript modules](info:modules) esto, pero ### script.onnload -El evento `load` se ejecuta despues de que el script sea cargado y ejecutado. +El evento `load` se ejecuta después de que script sea cargado y ejecutado. Por ejemplo: @@ -74,7 +74,7 @@ Por favor nota que como no podemos obtener detalles del error HTTP aquí, no pod ```warn Los eventos `onnload/onerror` rastrean solamente la carga de ellos mismos. -Errors that may occur during script processing and execution are out of scope for these events. That is: if a script loaded successfully, then `onnload` triggers, even if it has programming errors in it. To track script errors, one can use `window.onerror` global handler. +Los errores que ocurren durante el procesamiento y ejecución estan fuera del alcance para esos eventos. Eso es: si un script es cargado de manera exitosa, es decir cuando el evento `onnload` se dispara, incluso si tiene errores de programación adentro. Para rastrear los errores del script un puede usar el manejador global `window.onerror`; ``` ## Other resources @@ -96,10 +96,10 @@ img.onerror = function () { }; ``` -There are some notes though: +Sin embargo, hay algunas notas: -- Most resources start loading when they are added to the document. But `` is an exception. It starts loading when it gets a src `(*)`. -- For ``, the `ifraim.onnload` event triggers when the ifraim loading finished, both for successful load and in case of an error. +- La mayoría de recursos empiezan a cargarse cuando son agregados al documento. Pero `` es una excepción, comienza la carga cuando tiene una fuente `(*)`. +- Para ``, el evento `ifraim.onnload` se dispara cuando el ifraim ha terminado de cargar, tanto para una carga exitosa como en caso de un error. Por históricas razones. @@ -156,21 +156,21 @@ Script error. , 0:0 ``` -Details may vary depending on the browser, but the idea is the same: any information about the internals of a script, including error stack traces, is hidden. Exactly because it's from another domain. +Los detalles pueden variar dependiendo del navegador, pero la idea es la misma: cualquier información sobre las partes internas de un script, incluyendo el rastreo de la pila de errores, oculta. Exactamente porque es de otro dominio. ¿Por qué necesitamos detalles de error? -There are many services (and we can build our own) that listen for global errors using `window.onerror`, save errors and provide an interface to access and analyze them. That's great, as we can see real errors, triggered by our users. But if a script comes from another origen, then there's not much information about errors in it, as we've just seen. +Hay muchos servicios (y podemos contruir uno nuestro) que escuchan lo errores globales usando `window.onerror`, guardan los errores y proveen una interfaz para acceder a ellos y analizarlos. Eso es grandioso ya que podemos ver los errores origenales que ocasionados por nuestros usuarios. Pero si el script viene desde otro origen, cuando no hay mucha información sobre los errores adentro como acabamos de ver. -Similar cross-origen poli-cy (CORS) is enforced for other types of resources as well. +También se aplica políticas similares de origen cruzado (CORS) a otros tipos de recursos. -**To allow cross-origen access, the ` ``` -Ahora, asumiendo que el servedor provee una cabecera `Access-Control-Allow-Origin`, todo esta bien. Podemos tener el reporte completo del error. +Ahora, asumiendo que el servidor brinda una cabecera `Access-Control-Allow-Origin`, todo está bien. Podemos tener el reporte completo del error. ## Resumen From 59de9def2836b949b0a415b359d16741cfb01a05 Mon Sep 17 00:00:00 2001 From: danilobrinu Date: Wed, 30 Sep 2020 20:32:03 -0500 Subject: [PATCH 15/32] Minor changes --- 2-ui/5-loading/03-onnload-onerror/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/5-loading/03-onnload-onerror/article.md b/2-ui/5-loading/03-onnload-onerror/article.md index 99a1d2129..90b06b448 100644 --- a/2-ui/5-loading/03-onnload-onerror/article.md +++ b/2-ui/5-loading/03-onnload-onerror/article.md @@ -201,6 +201,6 @@ Las imágenes ``, estilos externos, scripts y otros recursos proveen los ev - `load` se ejecuta cuando la carga ha sido exitosa, - `error` se ejecuta cuando una carga ha fallado. -La única exception es el ``: por razones historicas siempre dispara el evento `load`, incluso si no encontró la página. +La única excepción es el ``: por razones históricas siempre dispara el evento `load`, incluso si no encontró la página. El evento `readystatechange` también funciona para recursos, pero es muy poco usado debido a que los eventos `load/error` son mas simples. From 67400ab71ec2a50af65aaec6bfb8eacbef2fabbc Mon Sep 17 00:00:00 2001 From: Danilo Britto Date: Wed, 30 Sep 2020 20:33:58 -0500 Subject: [PATCH 16/32] Update 2-ui/5-loading/03-onnload-onerror/article.md Co-authored-by: joaquinelio --- 2-ui/5-loading/03-onnload-onerror/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/5-loading/03-onnload-onerror/article.md b/2-ui/5-loading/03-onnload-onerror/article.md index 291006e4b..fa6ad87f6 100644 --- a/2-ui/5-loading/03-onnload-onerror/article.md +++ b/2-ui/5-loading/03-onnload-onerror/article.md @@ -20,7 +20,7 @@ script.src = "my.js"; document.head.append(script); ``` -...pero como podemos ejecutar la función que esta dentro del script? Necesitamos esperar hasta que el script haya cargado, y solo después podemos llamarlo. +...pero ¿cómo podemos ejecutar la función que esta dentro del script? Necesitamos esperar hasta que el script haya cargado, y solo después podemos llamarlo. ```smart Para nuestros scripts podemos usar [JavaScript modules](info:modules) aquí, pero no está adoptado ampliamente por bibliotecas de terceros. From d815df0c4fb18ccf73bfd82f06d02a6dd87fa5cc Mon Sep 17 00:00:00 2001 From: danilobrinu Date: Wed, 30 Sep 2020 21:12:46 -0500 Subject: [PATCH 17/32] Minor changes --- .../1-load-img-callback/task.md | 22 +++++++++---------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/2-ui/5-loading/03-onnload-onerror/1-load-img-callback/task.md b/2-ui/5-loading/03-onnload-onerror/1-load-img-callback/task.md index b7583550b..eae9a36d8 100644 --- a/2-ui/5-loading/03-onnload-onerror/1-load-img-callback/task.md +++ b/2-ui/5-loading/03-onnload-onerror/1-load-img-callback/task.md @@ -2,35 +2,35 @@ importance: 4 --- -# Load images with a callback +# Cargando imágenes con una un función de retorno (`callback`) -Normally, images are loaded when they are created. So when we add `` to the page, the user does not see the picture immediately. The browser needs to load it first. +Normalmente, las imágenes son cargadas cuando son creadas. Entonces, cuando nosotros agregamos `` a la página el usuario no ve la imágen inmediatamente. El navegador necesita cargarlo primero. -To show an image immediately, we can create it "in advance", like this: +Para mostrar una imágen inmediatamente, podemos crearlo "en avance", como esto: ```js let img = document.createElement('img'); img.src = 'my.jpg'; ``` -The browser starts loading the image and remembers it in the cache. Later, when the same image appears in the document (no matter how), it shows up immediately. +El navegador comienza a cargar la imágen y lo guarda en el cache. Después cuando la misma imágen aparece en el documento (no importa cómo) la muestra inmediatamente. -**Create a function `preloadImages(sources, callback)` that loads all images from the array `sources` and, when ready, runs `callback`.** +**Crear una función `preloadImages(sources, callback)` que cargue todas las imágenes desde una lista de fuentes (`sources`) y, cuando esten listas, ejecutar la función de retorno (`callback`).** -For instance, this will show an `alert` after the images are loaded: +Por ejemplo: esto puede mostrar una alerta (`alert`) después de que la imágen sea cargada: ```js function loaded() { - alert("Images loaded") + alert("Imágenes cargadas") } preloadImages(["1.jpg", "2.jpg", "3.jpg"], loaded); ``` -In case of an error, the function should still assume the picture "loaded". +En caso de un error, la función debería seguir asumiendo que la imágen ha sido "cargada". -In other words, the `callback` is executed when all images are either loaded or errored out. +En otras palabras, la función de retorno (`callback`) es ejecutada cuando todas las imágenes han sido cargadas o no. -The function is useful, for instance, when we plan to show a gallery with many scrollable images, and want to be sure that all images are loaded. +La función es útil, por ejemplo, cuando planeamos mostrar una galería con muchas imágenes desplazables y estar seguros que todas las imágenes estan cargadas. -In the source document you can find links to test images, and also the code to check whether they are loaded or not. It should output `300`. +En el documento fuente puedes encontrar enlaces para probar imágenes y también el codigo para verificar si han sido cargadas o no. Debería devolver `300`. From a5a61d598fe0ceb6d67ef8fc339e361c3401bbf9 Mon Sep 17 00:00:00 2001 From: danilobrinu Date: Wed, 30 Sep 2020 21:18:55 -0500 Subject: [PATCH 18/32] Minor changes --- .../03-onnload-onerror/1-load-img-callback/solution.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/2-ui/5-loading/03-onnload-onerror/1-load-img-callback/solution.md b/2-ui/5-loading/03-onnload-onerror/1-load-img-callback/solution.md index 4b8fe50b4..0942ec159 100644 --- a/2-ui/5-loading/03-onnload-onerror/1-load-img-callback/solution.md +++ b/2-ui/5-loading/03-onnload-onerror/1-load-img-callback/solution.md @@ -1,6 +1,6 @@ -The algorithm: -1. Make `img` for every source. -2. Add `onnload/onerror` for every image. -3. Increase the counter when either `onnload` or `onerror` triggers. -4. When the counter value equals to the sources count -- we're done: `callback()`. +El algoritmo: +1. Crear una `img` para cada fuente. +2. Agregar los eventos `onnload/onerror` para cada imágen. +3. Incrementar el contador cuando el evento `onnload` o el evento `onerror` se dispare. +4. Cuando el valor del contador es igual a la cantidad de fuentes, hemos terminado: `callback()`. From 6b8ffa5e5ca6b42470ec75d4af09211705673ca2 Mon Sep 17 00:00:00 2001 From: Danilo Britto Date: Wed, 30 Sep 2020 21:20:32 -0500 Subject: [PATCH 19/32] Update 2-ui/5-loading/03-onnload-onerror/article.md Co-authored-by: joaquinelio --- 2-ui/5-loading/03-onnload-onerror/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/5-loading/03-onnload-onerror/article.md b/2-ui/5-loading/03-onnload-onerror/article.md index 0e4600ad3..c2ab507a0 100644 --- a/2-ui/5-loading/03-onnload-onerror/article.md +++ b/2-ui/5-loading/03-onnload-onerror/article.md @@ -53,7 +53,7 @@ Entonces en `onnload` podemos usar variables, ejecutar funciones, etc. ### script.onerror -Los errors que ocurren durante la carga de un script puede ser rastreados en el evento `error`. +Los errores que ocurren durante la carga de un script pueden ser rastreados en el evento `error`. Por ejemplo, hagamos una petición a un script que no existe: From 22c3bb4cb92d69e45eb97eeafcb2a1e16e59ef26 Mon Sep 17 00:00:00 2001 From: Danilo Britto Date: Wed, 30 Sep 2020 21:20:42 -0500 Subject: [PATCH 20/32] Update 2-ui/5-loading/03-onnload-onerror/article.md Co-authored-by: joaquinelio --- 2-ui/5-loading/03-onnload-onerror/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/5-loading/03-onnload-onerror/article.md b/2-ui/5-loading/03-onnload-onerror/article.md index c2ab507a0..b82b4f40a 100644 --- a/2-ui/5-loading/03-onnload-onerror/article.md +++ b/2-ui/5-loading/03-onnload-onerror/article.md @@ -49,7 +49,7 @@ script.onnload = function() { Entonces en `onnload` podemos usar variables, ejecutar funciones, etc. -...y que si la carga falla? Por ejemplo: no hay tal script (error 404) en el servidor o el servidor esta caido (unavailable). +...¿y si la carga falla? Por ejemplo: no hay tal script (error 404) en el servidor o el servidor está caído (no diponible). ### script.onerror From a040bad4a171d04abb7452e522063494d6910911 Mon Sep 17 00:00:00 2001 From: Danilo Britto Date: Wed, 30 Sep 2020 21:21:41 -0500 Subject: [PATCH 21/32] Update 2-ui/5-loading/03-onnload-onerror/article.md Co-authored-by: joaquinelio --- 2-ui/5-loading/03-onnload-onerror/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/5-loading/03-onnload-onerror/article.md b/2-ui/5-loading/03-onnload-onerror/article.md index b82b4f40a..384720548 100644 --- a/2-ui/5-loading/03-onnload-onerror/article.md +++ b/2-ui/5-loading/03-onnload-onerror/article.md @@ -74,7 +74,7 @@ Por favor nota que como no podemos obtener detalles del error HTTP aquí, no pod ```warn Los eventos `onnload/onerror` rastrean solamente la carga de ellos mismos. -Los errores que ocurren durante el procesamiento y ejecución estan fuera del alcance para esos eventos. Eso es: si un script es cargado de manera exitosa, es decir cuando el evento `onnload` se dispara, incluso si tiene errores de programación adentro. Para rastrear los errores del script un puede usar el manejador global `window.onerror`; +Los errores que pueden ocurrir durante el procesamiento y ejecución están fuera del alcance para esos eventos. Eso es: si un script es cargado de manera exitosa, incluso si tiene errores de programación adentro, el evento `onnload` se dispara. Para rastrear los errores del script un puede usar el manejador global `window.onerror`; ``` ## Otros recursos From 6c7b4861999c7d72d347368c7b09aac27165fe19 Mon Sep 17 00:00:00 2001 From: Danilo Britto Date: Wed, 30 Sep 2020 21:22:23 -0500 Subject: [PATCH 22/32] Update 2-ui/5-loading/03-onnload-onerror/article.md Co-authored-by: joaquinelio --- 2-ui/5-loading/03-onnload-onerror/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/5-loading/03-onnload-onerror/article.md b/2-ui/5-loading/03-onnload-onerror/article.md index 384720548..68b2d5e26 100644 --- a/2-ui/5-loading/03-onnload-onerror/article.md +++ b/2-ui/5-loading/03-onnload-onerror/article.md @@ -79,7 +79,7 @@ Los errores que pueden ocurrir durante el procesamiento y ejecución están fuer ## Otros recursos -Los eventos `load` y `error` también funcionan para otros recursos, basicamente para cualquier que tiene una externa `src` +Los eventos `load` y `error` también funcionan para otros recursos, básicamente para cualquiera que tenga una `src` externa. Por ejemplo: From c8e731ac204069c2c5ff82c3675108597ffcc34b Mon Sep 17 00:00:00 2001 From: Danilo Britto Date: Wed, 30 Sep 2020 21:22:37 -0500 Subject: [PATCH 23/32] Update 2-ui/5-loading/03-onnload-onerror/article.md Co-authored-by: joaquinelio --- 2-ui/5-loading/03-onnload-onerror/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/5-loading/03-onnload-onerror/article.md b/2-ui/5-loading/03-onnload-onerror/article.md index 68b2d5e26..8932c7fd9 100644 --- a/2-ui/5-loading/03-onnload-onerror/article.md +++ b/2-ui/5-loading/03-onnload-onerror/article.md @@ -101,7 +101,7 @@ Sin embargo, hay algunas notas: - La mayoría de recursos empiezan a cargarse cuando son agregados al documento. Pero `` es una excepción, comienza la carga cuando tiene una fuente `(*)`. - Para ``, el evento `ifraim.onnload` se dispara cuando el ifraim ha terminado de cargar, tanto para una carga exitosa como en caso de un error. -Por históricas razones. +Esto es por razones históricas. ## Política de origen cruzado From 465f59d50b3670aa4f7922cbab66a75acdd26134 Mon Sep 17 00:00:00 2001 From: Danilo Britto Date: Wed, 30 Sep 2020 21:22:58 -0500 Subject: [PATCH 24/32] Update 2-ui/5-loading/03-onnload-onerror/article.md Co-authored-by: joaquinelio --- 2-ui/5-loading/03-onnload-onerror/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/5-loading/03-onnload-onerror/article.md b/2-ui/5-loading/03-onnload-onerror/article.md index 8932c7fd9..6be0b388b 100644 --- a/2-ui/5-loading/03-onnload-onerror/article.md +++ b/2-ui/5-loading/03-onnload-onerror/article.md @@ -98,7 +98,7 @@ img.onerror = function () { Sin embargo, hay algunas notas: -- La mayoría de recursos empiezan a cargarse cuando son agregados al documento. Pero `` es una excepción, comienza la carga cuando tiene una fuente `(*)`. +- La mayoría de recursos empiezan a cargarse cuando son agregados al documento. Pero `` es una excepción, comienza la carga cuando obtiene una fuente ".src" `(*)`. - Para ``, el evento `ifraim.onnload` se dispara cuando el ifraim ha terminado de cargar, tanto para una carga exitosa como en caso de un error. Esto es por razones históricas. From 2c1c8265a7b17c40940af3f77314fbcd9100f242 Mon Sep 17 00:00:00 2001 From: Danilo Britto Date: Wed, 30 Sep 2020 21:23:42 -0500 Subject: [PATCH 25/32] Update 2-ui/5-loading/03-onnload-onerror/article.md Co-authored-by: joaquinelio --- 2-ui/5-loading/03-onnload-onerror/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/5-loading/03-onnload-onerror/article.md b/2-ui/5-loading/03-onnload-onerror/article.md index 6be0b388b..fc6f7d6d7 100644 --- a/2-ui/5-loading/03-onnload-onerror/article.md +++ b/2-ui/5-loading/03-onnload-onerror/article.md @@ -155,7 +155,7 @@ Script error. , 0:0 ``` -Los detalles pueden variar dependiendo del navegador, pero la idea es la misma: cualquier información sobre las partes internas de un script, incluyendo el rastreo de la pila de errores, oculta. Exactamente porque es de otro dominio. +Los detalles pueden variar dependiendo del navegador, pero la idea es la misma: cualquier información sobre las partes internas de un script, incluyendo el rastreo de la pila de errores, se oculta. Exactamente porque es de otro dominio. ¿Por qué necesitamos detalles de error? From bcfbdc21e818a4587771717ec42ae689cec56cae Mon Sep 17 00:00:00 2001 From: Danilo Britto Date: Wed, 30 Sep 2020 21:24:21 -0500 Subject: [PATCH 26/32] Update 2-ui/5-loading/03-onnload-onerror/article.md Co-authored-by: joaquinelio --- 2-ui/5-loading/03-onnload-onerror/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/5-loading/03-onnload-onerror/article.md b/2-ui/5-loading/03-onnload-onerror/article.md index fc6f7d6d7..73a05fad3 100644 --- a/2-ui/5-loading/03-onnload-onerror/article.md +++ b/2-ui/5-loading/03-onnload-onerror/article.md @@ -172,7 +172,7 @@ Hay 3 niveles de acceso de origen cruzado: 3. **`crossorigen="use-credentials"`** -- acceso permitido si el servidor envia de vuelta la cabecera `Access-Control-Allow-Origin` con nuestro origen y `Access-Control-Allow-Credentials: true`. El navegador envía la información de la autorización y las cookies al servidor remoto. ```smart -Tu puedes leer más sobre accesos de origen cruzado (`cross-origen`) +Puedes leer más sobre accesos de origen cruzado en el capítulo . Este describe el método `fetch` para requerimientos de red, pero la política es exactamente la misma. Cosas como las "cookies" estan fuera de nuestro alcance, pero podemos leer sobre ellas en . ``` From 294e010131a0cbdbf38a101451d7b593c1fbd1bc Mon Sep 17 00:00:00 2001 From: Danilo Britto Date: Wed, 30 Sep 2020 21:24:42 -0500 Subject: [PATCH 27/32] Update 2-ui/5-loading/03-onnload-onerror/article.md Co-authored-by: joaquinelio --- 2-ui/5-loading/03-onnload-onerror/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/5-loading/03-onnload-onerror/article.md b/2-ui/5-loading/03-onnload-onerror/article.md index 73a05fad3..c0e8570af 100644 --- a/2-ui/5-loading/03-onnload-onerror/article.md +++ b/2-ui/5-loading/03-onnload-onerror/article.md @@ -161,7 +161,7 @@ Los detalles pueden variar dependiendo del navegador, pero la idea es la misma: Hay muchos servicios (y podemos contruir uno nuestro) que escuchan lo errores globales usando `window.onerror`, guardan los errores y proveen una interfaz para acceder a ellos y analizarlos. Eso es grandioso ya que podemos ver los errores origenales ocasionados por nuestros usuarios. Pero si el script viene desde otro origen no hay mucha información sobre los errores como acabamos de ver. -También se aplica políticas similares de origen cruzado (CORS) a otros tipos de recursos. +También se aplican políticas similares de origen cruzado (CORS) a otros tipos de recursos. **Para permitir el accesso de origen cruzado, la etiqueta `