diff options
| author | Atsuto Yamashita <atyamash@yahoo-corp.jp> | 2022-03-15 19:47:35 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-03-15 19:47:35 +0900 |
| commit | 9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0 (patch) | |
| tree | 71952407ea41c86feabef4214610d59e15aae55d /files/es | |
| parent | c2678137db5f97ad1fe39e872529159a1afafec1 (diff) | |
| parent | 9e7fbb013772ebab9b35185f0d0836995acbe6db (diff) | |
| download | translated-content-9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0.tar.gz translated-content-9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0.tar.bz2 translated-content-9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0.zip | |
Merge branch 'main' into fix-typo-client-side-web-apis-intro-ja
Diffstat (limited to 'files/es')
13 files changed, 510 insertions, 260 deletions
diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt index 0216d3ebb5..7465e846fa 100644 --- a/files/es/_redirects.txt +++ b/files/es/_redirects.txt @@ -1179,6 +1179,7 @@ /es/docs/Learn/Herramientas_y_pruebas/Lado-del-cliente_JavaScript_frameworks /es/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks /es/docs/Learn/Herramientas_y_pruebas/Lado-del-cliente_JavaScript_frameworks/React_getting_started /es/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started /es/docs/Learn/Herramientas_y_pruebas/Understanding_client-side_tools /es/docs/Learn/Tools_and_testing/Understanding_client-side_tools +/es/docs/Learn/JavaScript/Asynchronous/Concepts /es/docs/Learn/JavaScript/Asynchronous/Introducing /es/docs/Learn/JavaScript/Building_blocks/Bucle_codigo /es/docs/Learn/JavaScript/Building_blocks/Looping_code /es/docs/Learn/JavaScript/Building_blocks/Construyendo_tu_propia_funcion /es/docs/Learn/JavaScript/Building_blocks/Build_your_own_function /es/docs/Learn/JavaScript/Client-side_web_APIs/Introducción /es/docs/Learn/JavaScript/Client-side_web_APIs/Introduction @@ -1542,6 +1543,7 @@ /es/docs/Web/API/Element/onwheel /es/docs/Web/API/GlobalEventHandlers/onwheel /es/docs/Web/API/ElementosHTMLparaVideo /es/docs/Web/API/HTMLVideoElement /es/docs/Web/API/Event/createEvent /es/docs/Web/API/Document/createEvent +/es/docs/Web/API/EventSource/onopen /es/docs/Web/API/EventSource/open_event /es/docs/Web/API/Fetch_API/Conceptos_basicos /es/docs/Web/API/Fetch_API/Basic_concepts /es/docs/Web/API/Fetch_API/Utilizando_Fetch /es/docs/Web/API/Fetch_API/Using_Fetch /es/docs/Web/API/File/fileName /es/docs/conflicting/Web/API/File/name @@ -1953,6 +1955,7 @@ /es/docs/Web/HTML/Elementos_en_línea /es/docs/Web/HTML/Inline_elements /es/docs/Web/HTML/Gestión_del_foco_en_HTML /es/docs/Web/API/Document/hasFocus /es/docs/Web/HTML/Imagen_con_CORS_habilitado /es/docs/Web/HTML/CORS_enabled_image +/es/docs/Web/HTML/Index /es/docs/conflicting/Web/HTML /es/docs/Web/HTML/Microdatos /es/docs/Web/HTML/Microdata /es/docs/Web/HTML/Optimizing_your_pages_for_speculative_parsing /es/docs/Glossary/speculative_parsing /es/docs/Web/HTML/Referencia /es/docs/Web/HTML/Reference @@ -1960,7 +1963,7 @@ /es/docs/Web/HTML/Transision_adaptativa_DASH /es/docs/Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video /es/docs/Web/HTML/anipular_video_por_medio_de_canvas /es/docs/Web/API/Canvas_API/Manipulating_video_using_canvas /es/docs/Web/HTML/microformatos /es/docs/Web/HTML/microformats -/es/docs/Web/HTML/Índice /es/docs/Web/HTML/Index +/es/docs/Web/HTML/Índice /es/docs/conflicting/Web/HTML /es/docs/Web/HTTP/Access_control_CORS /es/docs/Web/HTTP/CORS /es/docs/Web/HTTP/Basics_of_HTTP/Datos_URIs /es/docs/Web/HTTP/Basics_of_HTTP/Data_URIs /es/docs/Web/HTTP/Basics_of_HTTP/Identificación_recursos_en_la_Web /es/docs/Web/HTTP/Basics_of_HTTP/Identifying_resources_on_the_Web @@ -2532,6 +2535,7 @@ /es/docs/Web/Reference/Events/transitionend /es/docs/Web/API/HTMLElement/transitionend_event /es/docs/Web/Reference/Events/wheel /es/docs/Web/API/Element/wheel_event /es/docs/Web/SVG/Element/glifo /es/docs/Web/SVG/Element/glyph +/es/docs/Web/SVG/Index /es/docs/conflicting/Web/SVG /es/docs/Web/SVG/Tutorial/Introducción /es/docs/Web/SVG/Tutorial/Introduction /es/docs/Web/Security/Same-origin_politica /es/docs/Web/Security/Same-origin_policy /es/docs/Web/Security/Securing_your_site/desactivar_autocompletado_formulario /es/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json index 6466283b7a..7cbcbe886f 100644 --- a/files/es/_wikihistory.json +++ b/files/es/_wikihistory.json @@ -2943,7 +2943,7 @@ "madmaxdios" ] }, - "Learn/JavaScript/Asynchronous/Concepts": { + "Learn/JavaScript/Asynchronous/Introducing": { "modified": "2020-11-19T20:30:13.091Z", "contributors": [ "AndresSalomon1990", @@ -6474,7 +6474,7 @@ "Jabi" ] }, - "Web/API/EventSource/onopen": { + "Web/API/EventSource/open_event": { "modified": "2019-03-23T22:03:59.180Z", "contributors": [ "Hoosep" @@ -15038,13 +15038,6 @@ "WriestTavo" ] }, - "Web/HTML/Index": { - "modified": "2019-01-16T22:12:02.767Z", - "contributors": [ - "raecillacastellana", - "pekechis" - ] - }, "Web/HTML/Inline_elements": { "modified": "2019-03-23T22:46:15.359Z", "contributors": [ @@ -20480,13 +20473,6 @@ "jorge_castro" ] }, - "Web/SVG/Index": { - "modified": "2019-01-16T22:36:49.773Z", - "contributors": [ - "jwhitlock", - "ComplementosMozilla" - ] - }, "Web/SVG/SVG_1.1_Support_in_Firefox": { "modified": "2019-03-23T23:43:25.545Z", "contributors": [ @@ -21559,6 +21545,13 @@ "wbamberg" ] }, + "conflicting/Web/HTML": { + "modified": "2019-01-16T22:12:02.767Z", + "contributors": [ + "raecillacastellana", + "pekechis" + ] + }, "conflicting/Web/HTML/Element": { "modified": "2020-01-21T22:36:54.135Z", "contributors": [ @@ -21823,6 +21816,13 @@ "totopizzahn" ] }, + "conflicting/Web/SVG": { + "modified": "2019-01-16T22:36:49.773Z", + "contributors": [ + "jwhitlock", + "ComplementosMozilla" + ] + }, "conflicting/Web/Web_Components/Using_custom_elements": { "modified": "2019-03-23T22:21:51.809Z", "contributors": [ diff --git a/files/es/web/html/index/index.html b/files/es/conflicting/web/html/index.html index 388b7b4d96..f99a5c972d 100644 --- a/files/es/web/html/index/index.html +++ b/files/es/conflicting/web/html/index.html @@ -1,9 +1,9 @@ --- title: Índice de la documentación HTML -slug: Web/HTML/Index +slug: conflicting/Web/HTML tags: - HTML translation_of: Web/HTML/Index -original_slug: Web/HTML/Índice +original_slug: Web/HTML/Index --- <p>{{Index("/es/docs/Web/HTML")}}</p> diff --git a/files/es/web/svg/index/index.html b/files/es/conflicting/web/svg/index.html index a9cf2d3736..274e4ad49c 100644 --- a/files/es/web/svg/index/index.html +++ b/files/es/conflicting/web/svg/index.html @@ -1,6 +1,7 @@ --- title: SVG documentation index -slug: Web/SVG/Index +slug: conflicting/Web/SVG translation_of: Web/SVG/Index +original_slug: Web/SVG/Index --- <p>{{Index("/en-US/docs/Web/SVG")}}</p> diff --git a/files/es/learn/javascript/asynchronous/concepts/index.html b/files/es/learn/javascript/asynchronous/introducing/index.html index d5babeb8ba..85f605b479 100644 --- a/files/es/learn/javascript/asynchronous/concepts/index.html +++ b/files/es/learn/javascript/asynchronous/introducing/index.html @@ -1,6 +1,6 @@ --- title: General asynchronous programming concepts -slug: Learn/JavaScript/Asynchronous/Concepts +slug: Learn/JavaScript/Asynchronous/Introducing tags: - Aprender - Hilos @@ -9,6 +9,7 @@ tags: - Threads - bloques translation_of: Learn/JavaScript/Asynchronous/Concepts +original_slug: Learn/JavaScript/Asynchronous/Concepts --- <div>{{LearnSidebar}}{{NextMenu("Learn/JavaScript/Asynchronous/Introducing", "Learn/JavaScript/Asynchronous")}}</div> diff --git a/files/es/web/api/eventsource/onopen/index.html b/files/es/web/api/eventsource/open_event/index.html index 59ee6537dd..ea7b4d5d98 100644 --- a/files/es/web/api/eventsource/onopen/index.html +++ b/files/es/web/api/eventsource/open_event/index.html @@ -1,7 +1,8 @@ --- title: EventSource.onopen -slug: Web/API/EventSource/onopen +slug: Web/API/EventSource/open_event translation_of: Web/API/EventSource/onopen +original_slug: Web/API/EventSource/onopen --- <div>{{APIRef('WebSockets API')}}</div> diff --git a/files/es/web/api/windoweventhandlers/onpopstate/index.html b/files/es/web/api/windoweventhandlers/onpopstate/index.html index 44cd5f530c..79faa54d33 100644 --- a/files/es/web/api/windoweventhandlers/onpopstate/index.html +++ b/files/es/web/api/windoweventhandlers/onpopstate/index.html @@ -7,7 +7,7 @@ translation_of: Web/API/WindowEventHandlers/onpopstate <p>La propiedad <strong><code>onpopstate</code></strong> del <a href="/en-US/docs/Glossary/Mixin">mixin</a> {{domxref("WindowEventHandlers")}} es el {{event("Event_handlers", "event handler")}} para procesar eventos <code><a href="/en-US/docs/Web/API/Window/popstate_event">popstate</a></code> de la ventana.</p> -<p>Se evnía un evento <code>popstate</code> a la ventana cada vez que la entrada activa de la historia cambia entre otra otras dos entradas del mismo documento. Si la entrada de la historia fue creada al llamar a <code>history.pushState()</code>, o fue afectada por una llamada a <code>history.replaceState()</code>, la propiedad <code>state</code> del evento <code>popstate</code> contendrá una copia del objeto de estado de la entrada de la hisotria.</p> +<p>Se envía un evento <code>popstate</code> a la ventana cada vez que la entrada activa de la historia cambia entre otra otras dos entradas del mismo documento. Si la entrada de la historia fue creada al llamar a <code>history.pushState()</code>, o fue afectada por una llamada a <code>history.replaceState()</code>, la propiedad <code>state</code> del evento <code>popstate</code> contendrá una copia del objeto de estado de la entrada de la hisotria.</p> <div class="note"> <p><strong>Nota</strong>: Llamar a <code>history.pushState()</code> o a <code>history.replaceState()</code> no dispararán un evento <code>popstate</code>. El evento <code>popstate</code> solamente se dispará realizando una acción de navegador, tal como pulsar el botón volver (o llamando a <code>history.back()</code> en JavaScript), mientras se navega entre dos entradas de la historia de un mismo documento.</p> diff --git a/files/es/web/css/transform-function/rotate3d()/index.html b/files/es/web/css/transform-function/rotate3d()/index.html deleted file mode 100644 index 86c5f44399..0000000000 --- a/files/es/web/css/transform-function/rotate3d()/index.html +++ /dev/null @@ -1,121 +0,0 @@ ---- -title: rotate3d() -slug: Web/CSS/transform-function/rotate3d() -tags: - - CSS - - Funciones CSS - - Referencia -translation_of: Web/CSS/transform-function/rotate3d() ---- -<div>{{CSSRef}}</div> - -<p>La función <code>rotate3d()</code> de CSS define una transformación que mueve el elemento alrededor de un eje fijo sin deformarlo. La cantidad de movimiento está definida por el ángulo especificado; si es positivo, el movimiento será en el sentido de las agujas del reloj, si es negativo, será contrario a las agujas del reloj.</p> - -<p>En el espacio tridimencional, las rotaciones tienen tres grados de libertad, que describen un ángulo de rotación. El ángulo de rotación está definido por un vector [x, y, z] y pasa por el origen (como lo define la propiedad {{ cssxref("transform-origin") }} de CSS. Si el vector no está <em>normalizado</em>, lo que significa que la suma del cuadrado de sus tres coordenadas no es igual a 1, el mismo será normalizado internamente. Un vector no-normalizable, como es el caso del vector nulo, [0, 0, 0], causará que la rotación no sea aplicada, sin que esto invalide la propiedad CSS en su totalidad.</p> - -<div class="note">Contrario a las rotaciones en el plano, la composición de las rotaciones 3D normalmente no es conmutativa; lo que significa que el orden en el que dichas rotaciones son aplicadas es crucial.</div> - -<h2 id="Sintaxis">Sintaxis</h2> - -<p>La cantidad de rotación creada por <code>rotate3d()</code> está especificada por tres {{cssxref("<number>")}}s y un {{cssxref("<angle>")}}. El <code><number></code>s representa las coordenadas x, y y z del vector, denotando los ejes de la rotación. El <code><angle></code> representa el angulo de rotación; si es positivo el movimiento será en el sentido de las agujas del reloj; si es negativo será en el sentido opuesto.</p> - -<pre class="syntaxbox">rotate3d(<em>x</em>, <em>y</em>, <em>z</em>, <em>a</em>) -</pre> - -<h2 id="Valores">Valores</h2> - -<dl> - <dt><em>x</em></dt> - <dd>Es un {{cssxref("<number>")}} que describe la coordenada-x del vector y denota el eje de rotación.</dd> - <dt><em>y</em></dt> - <dd>Es un {{cssxref("<number>")}} que describe la coordenada-y del vector y denota el eje de rotación.</dd> - <dt><em>z</em></dt> - <dd>Es un {{cssxref("<number>")}} que describe la coordenada-z del vector y denota el eje de rotación.</dd> - <dt><em>a</em></dt> - <dd>Es un {{ cssxref("<angle>") }} que representa el ángulo de rotación. Un valor positivo indica una rotación en el sentido de las agujas del reloj, un valor negativo indica una rotación en sentido contrario a las agujas del reloj.</dd> -</dl> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Coordenadas cartesianas en ℝ<sup>2</sup></th> - <th scope="col">Coordenadas homogéneas en ℝℙ<sup>2</sup></th> - <th scope="col">Coordenadas cartesianas en ℝ<sup>3</sup></th> - <th scope="col">Coordenadas homogéneas en ℝℙ<sup>3</sup></th> - </tr> - </thead> - <tbody> - <tr> - <td colspan="2">Esta transformación aplica al espacio tridimencional y no puede ser representada en el plano.</td> - <td colspan="1"><a href="/@api/deki/files/5987/=transform-functions-rotate3d_cart.png"><img src="/@api/deki/files/5987/=transform-functions-rotate3d_cart.png?size=webview" style="height: 47px; width: 510px;"></a><math> <mfenced><mtable><mtr><mtd>1<mo>+</mo>(1<mo>-</mo>cos(<mi>a</mi>))(<msup><mi>x</mi><mn>2</mn></msup><mo>-</mo>1)</mtd><mtd><mi>z</mi><mo>·</mo>sen(<mi>a</mi>)+<mi>x</mi><mi>y</mi>(1<mo>-</mo>cos(<mi>a</mi>))</mtd><mtd><mo>-</mo><mi>y</mi><mo>·</mo>sen(<mi>a</mi>)<mo>+</mo><mi>x</mi><mi>z</mi><mo>·</mo>(1<mo>-</mo>cos(<mi>a</mi>))</mtd></mtr><mtr><mtd><mo>-</mo><mi>z</mi><mo>·</mo>sen(<mi>a</mi>)<mo>+</mo><mi>x</mi><mi>y</mi><mo>·</mo>(1<mo>-</mo>cos(<mi>a</mi>))</mtd><mtd>1+(1-cos(a))(y2-1)</mtd><mtd><mi>x</mi><mo>·</mo>sen(<mi>a</mi>)<mo>+</mo><mi>y</mi><mi>z</mi><mo>·</mo>(1<mo>-</mo>cos(<mi>a</mi>))</mtd><mtr><mtd>ysin(a) + xz(1-cos(a))</mtd><mtd>-xsin(a)+yz(1-cos(a))</mtd><mtd>1+(1-cos(a))(z2-1)</mtd><mtd>t</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr> </mtr></mtable></mfenced></math></td> - <td colspan="1"><a href="/@api/deki/files/5986/=transform-functions-rotate3d_hom4.png"><img src="/@api/deki/files/5986/=transform-functions-rotate3d_hom4.png?size=webview" style="height: 61px; width: 522px;"></a></td> - </tr> - </tbody> -</table> - -<h2 id="Ejemplos">Ejemplos</h2> - -<h3 id="Rotar_sobre_el_eje-X">Rotar sobre el eje-X</h3> - -<h4 id="HTML">HTML</h4> - -<pre class="brush: html"><p>foo</p> -<p class="transformed">bar</p></pre> - -<h4 id="CSS">CSS</h4> - -<pre class="brush: css">p { - width: 50px; - height: 50px; - background-color: teal; -} - -.transformed{ - transform: rotate3d(1,0,0,60deg); - background-color: blue; -} -</pre> - -<h4 id="Resultado">Resultado</h4> - -<p>{{EmbedLiveSample("Rotating_on_the_X-axis","100%","200")}}</p> - -<h3 id="Rotar_sobre_un_eje_personalizado">Rotar sobre un eje personalizado</h3> - -<h4 id="HTML_2">HTML</h4> - -<pre class="brush: html"><p>foo</p> -<p class="transformed">bar</p></pre> - -<h4 id="CSS_2">CSS</h4> - -<pre class="brush: css">p { - width: 50px; - height: 50px; - background-color: teal; -} - -.transformed{ - transform: rotate3d(1, 2, -1, 192deg); - background-color: blue; -} -</pre> - -<h4 id="Resultado_2">Resultado</h4> - -<p>{{EmbedLiveSample("Rotating_on_a_custom_axis","100%","200")}}</p> - -<h2 id="Compatibilidad_con_los_navegadores">Compatibilidad con los navegadores</h2> - -<p>Por favor vea el tipo de datos <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#Browser_compatibility"><transform-function></a></code> para información sobre compatibilidad.</p> - -<h2 id="Ver_también">Ver también</h2> - -<p> </p> - -<ul> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("<transform-function>")}}</li> -</ul> - -<p> </p> diff --git a/files/es/web/css/transform-function/rotate3d()/index.md b/files/es/web/css/transform-function/rotate3d()/index.md new file mode 100644 index 0000000000..c1c0ee7975 --- /dev/null +++ b/files/es/web/css/transform-function/rotate3d()/index.md @@ -0,0 +1,320 @@ +--- +title: rotate3d() +slug: Web/CSS/transform-function/rotate3d() +translation_of: Web/CSS/transform-function/rotate3d() +browser-compat: css.types.transform-function.rotate3d +--- +{{CSSRef}} + +La [función](/es/docs/Web/CSS/CSS_Functions) **`rotate3d()`** de [CSS](/es/docs/Web/CSS) define una transformación que mueve el elemento alrededor de un eje fijo sin deformarlo. Su resultado es un tipo de dato {{cssxref("<transform-function>")}}. + +{{EmbedInteractiveExample("pages/css/rotate3d.html")}} + +En el espacio tridimencional, las rotaciones tienen tres grados de libertad, juntos describen un ángulo de rotación. El ángulo de rotación está definido por un vector \[x, y, z] y pasa por el origen (como lo define la propiedad {{cssxref("transform-origin")}}. Si el vector no está _normalizado_ (ej. si la suma del cuadrado de sus tres coordenadas no es igual a 1), el {{glossary("user agent")}} lo normalizará internamente. Un vector no-normalizable, como es el caso del vector nulo, \[0, 0, 0], causará que la rotación no sea aplicada, pero sin que esto invalide la propiedad CSS en su totalidad. + +> **Nota:** Contrario a las rotaciones en el plano 2D, la composición de las rotaciones 3D normalmente no es conmutativa; lo que significa que el orden en el que dichas rotaciones son aplicadas impacta al resultado. + +## Sintaxis + +La cantidad de rotación creada por `rotate3d()` está especificada por tres {{cssxref("<number>")}}s y un {{cssxref("<angle>")}}. El `<number>` representa las coordenadas _x_, _y_ y _z_ del vector, denotando los ejes de la rotación. El `<angle>` representa el angulo de rotación; si es positivo el movimiento será en el sentido de las agujas del reloj; si es negativo será en el sentido opuesto. + +```css +rotate3d(x, y, z, a) +``` + +## Valores + +- `x` + - : Es un {{cssxref("<number>")}} que describe la coordenada-x del vector y denota el eje de rotación. +- `y` + - : Es un {{cssxref("<number>")}} que describe la coordenada-y del vector y denota el eje de rotación. +- `z` + - : Es un {{cssxref("<number>")}} que describe la coordenada-z del vector y denota el eje de rotación. +- `a` + - : Es un {{ cssxref("<angle>") }} que representa el ángulo de rotación. Un valor positivo indica una rotación en el sentido de las agujas del reloj, un valor negativo indica una rotación en sentido contrario a las agujas del reloj. + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Coordenadas cartesianas en ℝ^2</th> + <td rowspan="2"> + Esta transformación aplica al espacio tridimencional y no puede ser representada en el plano. + </td> + </tr> + <tr> + <th scope="col">Coordenadas homogéneas en ℝℙ^2</th> + </tr> + <tr> + <th scope="col">Coordenadas cartesianas en ℝ^3</th> + <td> + <a + href="/es/docs/Web/CSS/transform-function/rotate3d()/transform-functions-rotate3d_cart.png" + ><img src="transform-functions-rotate3d_cart.png" /></a + ><math> + <mrow><mo>(</mo + ><mtable + ><mtr + ><mtd + ><mn>1</mn> + <mo>+</mo> + <mo>(</mo> + <mn>1</mn> + <mo>-</mo> + <mo>cos</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>)</mo> + <mo>(</mo> + <msup + ><mi>x</mi> + <mn>2</mn> </msup + ><mo>-</mo> + <mn>1</mn> + <mo>)</mo> </mtd + ><mtd + ><mi>z</mi> + <mo>·</mo> + <mo>sin</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>+</mo> + <mi>x</mi> + <mi>y</mi> + <mo>(</mo> + <mn>1</mn> + <mo>-</mo> + <mo>cos</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>)</mo> </mtd + ><mtd + ><mo>-</mo> + <mi>y</mi> + <mo>·</mo> + <mo>sin</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>+</mo> + <mi>x</mi> + <mi>z</mi> + <mo>·</mo> + <mo>(</mo> + <mn>1</mn> + <mo>-</mo> + <mo>cos</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>)</mo> + </mtd></mtr + ><mtr + ><mtd + ><mo>-</mo> + <mi>z</mi> + <mo>·</mo> + <mo>sin</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>+</mo> + <mi>x</mi> + <mi>y</mi> + <mo>·</mo> + <mo>(</mo> + <mn>1</mn> + <mo>-</mo> + <mo>cos</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>)</mo> </mtd + ><mtd + ><mn>1</mn> + <mo>+</mo> + <mo>(</mo> + <mn>1</mn> + <mo>-</mo> + <mo>cos</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>)</mo> + <mo>(</mo> + <mi>y2</mi> + <mo>-</mo> + <mn>1</mn> + <mo>)</mo> </mtd + ><mtd + ><mi>x</mi> + <mo>·</mo> + <mo>sin</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>+</mo> + <mi>y</mi> + <mi>z</mi> + <mo>·</mo> + <mo>(</mo> + <mn>1</mn> + <mo>-</mo> + <mo>cos</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>)</mo> + </mtd></mtr + ><mtr + ><mtd + ><mi>y</mi> + <mo>sin</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>+</mo> + <mi>xz</mi> + <mo>(</mo> + <mn>1</mn> + <mo>-</mo> + <mo>cos</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>)</mo> </mtd + ><mtd + ><mo>-</mo> + <mi>x</mi> + <mo>sin</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>+</mo> + <mi>yz</mi> + <mo>(</mo> + <mn>1</mn> + <mo>-</mo> + <mo>cos</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>)</mo> </mtd + ><mtd + ><mn>1</mn> + <mo>+</mo> + <mo>(</mo> + <mn>1</mn> + <mo>-</mo> + <mo>cos</mo> + <mo>(</mo> + <mi>a</mi> + <mo>)</mo> + <mo>)</mo> + <mo>(</mo> + <mi>z2</mi> + <mo>-</mo> + <mn>1</mn> + <mo>)</mo> </mtd + ><mtd><mi>t</mi></mtd> </mtr + ><mtr + ><mtd><mn>0</mn> </mtd><mtd><mn>0</mn> </mtd + ><mtd><mn>0</mn> </mtd><mtd><mn>1</mn></mtd></mtr + ></mtable + ><mo>)</mo></mrow + ></math + > + </td> + </tr> + <tr> + <th scope="col">Coordenadas homogéneas en ℝℙ^3</th> + <td> + <a + href="/es/docs/Web/CSS/transform-function/rotate3d()/transform-functions-rotate3d_hom4.png" + ><img src="transform-functions-rotate3d_hom4.png" + /></a> + </td> + </tr> + </tbody> +</table> + +## Ejemplos + +### Rotar sobre el eje-Y + +#### HTML + +```html +<div>Normal</div> +<div class="rotated">Rotado</div> +``` + +#### CSS + +```css +body { + perspective: 800px; +} + +div { + width: 80px; + height: 80px; + background-color: skyblue; +} + +.rotated { + transform: rotate3d(0, 1, 0, 60deg); + background-color: pink; +} +``` + +#### Resultado + +{{EmbedLiveSample("Rotating_on_the_y-axis", "auto", 180)}} + +### Rotar sobre un eje personalizado + +#### HTML + +```html +<div>Normal</div> +<div class="rotated">Rotado</div> +``` + +#### CSS + +```css +body { + perspective: 800px; +} + +div { + width: 80px; + height: 80px; + background-color: skyblue; +} + +.rotated { + transform: rotate3d(1, 2, -1, 192deg); + background-color: pink; +} +``` + +#### Resultado + +{{EmbedLiveSample("Rotating_on_a_custom_axis", "auto", 180)}} + +## Especificaciones + +{{Specifications}} + +## Compatibilidad con navegadores + +{{Compat}} + +## Véase también + +- {{cssxref("transform")}} +- {{cssxref("<transform-function>")}} diff --git a/files/es/web/http/methods/trace/index.html b/files/es/web/http/methods/trace/index.html index c75dcd1a2a..2ca6f5929c 100644 --- a/files/es/web/http/methods/trace/index.html +++ b/files/es/web/http/methods/trace/index.html @@ -21,7 +21,7 @@ translation_of: Web/HTTP/Methods/TRACE </tr> <tr> <th scope="row">{{Glossary("Safe")}}</th> - <td>No</td> + <td>Yes</td> </tr> <tr> <th scope="row">{{Glossary("Idempotent")}}</th> diff --git a/files/es/web/javascript/reference/global_objects/evalerror/evalerror/index.md b/files/es/web/javascript/reference/global_objects/evalerror/evalerror/index.md new file mode 100644 index 0000000000..3b488139f2 --- /dev/null +++ b/files/es/web/javascript/reference/global_objects/evalerror/evalerror/index.md @@ -0,0 +1,61 @@ +--- +title: EvalError() constructor +slug: Web/JavaScript/Reference/Global_Objects/EvalError/EvalError +browser-compat: javascript.builtins.EvalError.EvalError +--- +{{JSRef}} + +El constructor **`EvalError`** crea un nuevo error relacionado con la función global {{jsxref("Global_Objects/eval", "eval()")}}. Esta excepción ya no es lanzada por JavaScript, sin embargo el objeto `EvalError` permanece por compatibilidad. + +## Sintaxis + +```js +new EvalError() +new EvalError(message) +new EvalError(message, fileName) +new EvalError(message, fileName, lineNumber) +``` + +### Parámetros + +- `message` {{optional_inline}} + - : Descripción del error humanamente legible +- `fileName` {{optional_inline}} + - : El nombre del archivo que contiene el código que causó la excepción +- `lineNumber` {{optional_inline}} + - : El número de línea del código que causó la excepción + +## Ejemplos + +El objeto `EvalError` no se utiliza en la especificación actual de ECMAScript y por lo tanto no será lanzado por el tiempo de ejecución. Sin embargo, el objeto en sí se mantiene para la compatibilidad con versiones anteriores de la especificación. + +### Creación de un EvalError + +```js +try { + throw new EvalError('Hello', 'someFile.js', 10); +} catch (e) { + + console.log(e instanceof EvalError); // true + console.log(e.message); // "Hello" + console.log(e.name); // "EvalError" + console.log(e.fileName); // "someFile.js" + console.log(e.lineNumber); // 10 + console.log(e.columnNumber); // 0 + console.log(e.stack); // "@Scratchpad/2:2:9\n" +} +``` + +## Especificaciones + +{{Specifications}} + +## Compatibilidad con navegadores + +{{Compat}} + +## Véase también + +- {{jsxref("Error")}} +- {{jsxref("Global_Objects/eval", "eval()")}} + diff --git a/files/es/web/javascript/reference/global_objects/rangeerror/index.html b/files/es/web/javascript/reference/global_objects/rangeerror/index.html deleted file mode 100644 index 154049adca..0000000000 --- a/files/es/web/javascript/reference/global_objects/rangeerror/index.html +++ /dev/null @@ -1,115 +0,0 @@ ---- -title: RangeError -slug: Web/JavaScript/Reference/Global_Objects/RangeError -tags: - - Error - - JavaScript - - Object - - RangeError -translation_of: Web/JavaScript/Reference/Global_Objects/RangeError ---- -<div>{{JSRef}}</div> - -<p>El objeto <code><strong>RangeError</strong></code> indica un error cuando un valor no se encuentra dentro de un rango de valores permitidos.</p> - -<h2 id="Sintaxis">Sintaxis</h2> - -<pre class="syntaxbox"><code>new RangeError([<var>message</var>[, <var>fileName</var>[, <var>lineNumber</var>]]])</code></pre> - -<h3 id="Parámetros">Parámetros</h3> - -<dl> - <dt><code>message</code></dt> - <dd>Opcional. Mensaje de error</dd> - <dt><code>fileName</code> {{non-standard_inline}}</dt> - <dd>Opcional. Nombre del fichero que contiene el código donde se produjo el error</dd> - <dt><code>lineNumber</code> {{non-standard_inline}}</dt> - <dd>Opcional. Número de línea de código donde se produjo el error</dd> -</dl> - -<h2 id="Descripción">Descripción</h2> - -<p>Se lanza un <code>RangeError</code> cuando se pasa como parámetro a una función un número que no está dentro del rango que dicha función permite. Esto puede ocurrir cuando se intenta crear un array con una longitud inválida con el constructor {{jsxref("Array")}}, o al pasar valores inválidos a los métodos numéricos {{jsxref("Number.toExponential()")}}, {{jsxref("Number.toFixed()")}} o {{jsxref("Number.toPrecision()")}}.</p> - -<h2 id="Propiedades">Propiedades</h2> - -<dl> - <dt>{{jsxref("RangeError.prototype")}}</dt> - <dd>Permite añadir propiedades a objetos <code>RangeError</code>.</dd> -</dl> - -<h2 id="Métodos">Métodos</h2> - -<p><code>RangeError</code> no contiene métodos, pero hereda a través de la <a href="https://developer.mozilla.org/es/docs/Web/JavaScript/Herencia_y_la_cadena_de_protipos">cadena de prototipos</a>.</p> - -<h2 id="Instancias_de_RangeError">Instancias de <code>RangeError</code></h2> - -<h3 id="Propiedades_2">Propiedades</h3> - -<div>{{page('/es/docs/Web/JavaScript/Reference/Global_Objects/RangeError/prototype', 'Propiedades')}}</div> - -<h3 id="Métodos_2">Métodos</h3> - -<div>{{page('/es/docs/Web/JavaScript/Reference/Global_Objects/RangeError/prototype', 'Métodos')}}</div> - -<h2 id="Ejemplos">Ejemplos</h2> - -<h3 id="Utilizando_RangeError">Utilizando <code>RangeError</code></h3> - -<pre class="brush: js">var check = function(num) { - if (num < MIN || num > MAX) { - throw new RangeError('El parámetro debe estar entre ' + MIN + ' y ' + MAX); - } -}; - -try { - check(500); -} -catch (e) { - if (e instanceof RangeError) { - // TODO: Manejar el error de rango - } -} -</pre> - -<h2 id="Especificaciones">Especificaciones</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificación</th> - <th scope="col">Estado</th> - <th scope="col">Comentario</th> - </tr> - <tr> - <td>{{SpecName('ES3')}}</td> - <td>{{Spec2('ES3')}}</td> - <td>Definición inical.</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-15.11.6.2', 'RangeError')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-native-error-types-used-in-this-standard-rangeerror', 'RangeError')}}</td> - <td>{{Spec2('ES6')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2> - -{{Compat("javascript.builtins.RangeError")}} - -<h2 id="Vea_también">Vea también</h2> - -<ul> - <li>{{jsxref("Error")}}</li> - <li>{{jsxref("RangeError.prototype")}}</li> - <li>{{jsxref("Array")}}</li> - <li>{{jsxref("Number.toExponential()")}}</li> - <li>{{jsxref("Number.toFixed()")}}</li> - <li>{{jsxref("Number.toPrecision()")}}</li> -</ul> diff --git a/files/es/web/javascript/reference/global_objects/rangeerror/index.md b/files/es/web/javascript/reference/global_objects/rangeerror/index.md new file mode 100644 index 0000000000..6481f33882 --- /dev/null +++ b/files/es/web/javascript/reference/global_objects/rangeerror/index.md @@ -0,0 +1,98 @@ +--- +title: RangeError +slug: Web/JavaScript/Reference/Global_Objects/RangeError +translation_of: Web/JavaScript/Reference/Global_Objects/RangeError +browser-compat: javascript.builtins.RangeError +--- +{{JSRef}} + +El objeto **`RangeError`** indica un error cuando un valor no se encuentra dentro de un rango de valores permitidos. + +## Descripción + +Se lanza un `RangeError` cuando se intenta pasar un valor como argumento a una función +que no permite un rango que incluye el valor. + +Esto puede ocurrir cuando: + +- pasas un valor que no es uno de los valores de cadena permitidos a {{jsxref("String.prototype.normalize()")}}, o +- cuando intentas crear una matriz de una longitud inválida con el constructor {{jsxref("Array")}}, o +- cuando pasas valores inválidos a los métodos numéricos {{jsxref("Number.prototype.toExponential()")}}, + {{jsxref("Number.prototype.toFixed()")}} o {{jsxref("Number.prototype.toPrecision()")}}. + +## Constructor + +- {{jsxref("RangeError/RangeError", "RangeError()")}} + - : Crea un nuevo objecto `RangeError`. + +## Propiedades de instancia + +- {{jsxref("Error.prototype.message", "RangeError.prototype.message")}} + - : Mensaje de error. +- {{jsxref("Error.prototype.name", "RangeError.prototype.name")}} + - : Nombre del error. Heredado de {{jsxref("Error")}}. +- {{jsxref("Error.prototype.fileName", "RangeError.prototype.fileName")}} + - : Ruta al archivo que generó este error. Heredado de {{jsxref("Error")}}. +- {{jsxref("Error.prototype.lineNumber", "RangeError.prototype.lineNumber")}} + - : Número de línea en el archivo que generó este error. Heredado de {{jsxref("Error")}}. +- {{jsxref("Error.prototype.columnNumber", "RangeError.prototype.columnNumber")}} + - : Número de columna en la línea que generó este error. Heredado de {{jsxref("Error")}}. +- {{jsxref("Error.prototype.stack", "RangeError.prototype.stack")}} + - : Seguimiento de pila. Heredado de {{jsxref("Error")}}. + +## Ejemplo + +### Usando RangeError (para valores numéricos) + +```js +function check(n) { + if (!(n >= -500 && n <= 500)) { + throw new RangeError("El argumento debe estar entre -500 y 500."); + } +} + +try { + check(2000); +} catch (error) { + if (error instanceof RangeError) { + // Manejar el error + } +} +``` + +### Usando RangeError (para valores no numéricos) + +```js +function check(value) { + if (["apple", "banana", "carrot"].includes(value) === false) { + throw new RangeError( + 'El argumento debe de ser una "apple", "banana", o "carrot".' + ); + } +} + +try { + check("cabbage"); +} catch (error) { + if (error instanceof RangeError) { + // Manejar el error + } +} +``` + +## Especificaciones + +{{Specifications}} + +## Compativilidad con navegadores + +{{Compat}} + +## Véase también + +- {{jsxref("Error")}} +- {{jsxref("Array")}} +- {{jsxref("Number.toExponential()")}} +- {{jsxref("Number.toFixed()")}} +- {{jsxref("Number.toPrecision()")}} +- {{jsxref("String.prototype.normalize()")}} |
