Skip to content

Commit def36e4

Browse files
committed
Mejoras en la sintaxis del capítulo 9
1 parent 92672a1 commit def36e4

File tree

4 files changed

+12
-15
lines changed

4 files changed

+12
-15
lines changed

libro/epub/Fundamentos_de_jQuery.epub

-38 Bytes
Binary file not shown.

libro/html/index.html

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3108,7 +3108,7 @@ <h2><a href="#TOC"><span class="header-section-number">9.4</span> Cuidado con la
31083108
</div>
31093109
<div id="optimizaci&#243;n-de-selectores">
31103110
<h2><a href="#TOC"><span class="header-section-number">9.5</span> Optimización de Selectores</a></h2>
3111-
<p>La optimización de selectores es menos importante de lo que solía ser,debido a la implementación en algunos navegadores de<code>document.querySelectorAll()</code>, pasando la carga de jQuery hacia el navegador. Sin embargo, existen algunos consejos que debe tener en cuenta.</p>
3111+
<p>La optimización de selectores es menos importante de lo que solía ser, debido a la implementación en algunos navegadores de<code>document.querySelectorAll()</code>, pasando la carga de jQuery hacia el navegador. Sin embargo, existen algunos consejos que debe tener en cuenta.</p>
31123112
<div id="selectores-basados-en-id">
31133113
<h3><a href="#TOC"><span class="header-section-number">9.5.1</span> Selectores basados en ID</a></h3>
31143114
<p>Siempre es mejor comenzar las selecciones con un ID.</p>
@@ -3122,15 +3122,14 @@ <h3><a href="#TOC"><span class="header-section-number">9.5.1</span> Selectores b
31223122
</div>
31233123
<div id="especificidad">
31243124
<h3><a href="#TOC"><span class="header-section-number">9.5.2</span> Especificidad</a></h3>
3125-
<p>Trate de ser especifico para el lado derecho de la selección y menosespecifico para el izquierdo.</p>
3125+
<p>Trate de ser especifico para el lado derecho de la selección y menos específico para el izquierdo.</p>
31263126
<pre class="brush: js"><code>// no optimizado
31273127
$('div.data .gonzalez');
31283128

31293129
// optimizado
31303130
$('.data td.gonzalez');
31313131
</code></pre>
3132-
<p>Use en lo posible <code>etiqueta.clase</code> del lado derecho de la selección, ysolo <code>etiqueta</code> o <code>.clase</code> en la parte izquierda.</p>
3133-
<p>Evite especificidad excesiva.</p>
3132+
<p>Use en lo posible <code>etiqueta.clase</code> del lado derecho de la selección, y solo <code>etiqueta</code> o <code>.clase</code> en la parte izquierda.</p>
31343133
<pre class="brush: js"><code>$('.data table.attendees td.gonzalez');
31353134

31363135
// mucho mejor: eliminar la parte media de ser posible
@@ -3140,7 +3139,7 @@ <h3><a href="#TOC"><span class="header-section-number">9.5.2</span> Especificida
31403139
</div>
31413140
<div id="evitar-el-selector-universal">
31423141
<h3><a href="#TOC"><span class="header-section-number">9.5.3</span> Evitar el Selector Universal</a></h3>
3143-
<p>Selecciones en donde se especifica de forma implícita o explicita unaselección universal puede resultar muy lento.</p>
3142+
<p>Selecciones en donde se especifica de forma implícita o explícita una selección universal puede resultar muy lento.</p>
31443143
<pre class="brush: js"><code>$('.buttons &gt; *'); // muy lento
31453144
$('.buttons').children(); // mucho mejor
31463145

@@ -3152,7 +3151,7 @@ <h3><a href="#TOC"><span class="header-section-number">9.5.3</span> Evitar el Se
31523151
</div>
31533152
<div id="utilizar-la-delegaci&#243;n-de-eventos">
31543153
<h2><a href="#TOC"><span class="header-section-number">9.6</span> Utilizar la Delegación de Eventos</a></h2>
3155-
<p>La delegación de eventos permite vincular un controlador de evento a unelemento contenedor (por ejemplo, una lista desordenada) en lugar de múltiples elementos contenidos (por ejemplo, los ítems de una lista).jQuery realiza este trabajo fácil a través de <code>$.fn.live</code> y<code>$.fn.delegate</code>. En lo posible, es recomendable utilizar <span class="math">$.fn.delegateen lugar de `$</span>.fn.live`, ya que elimina la necesidad de una selección ysu contexto explicito reduce la carga en aproximadamente un 80%.</p>
3154+
<p>La delegación de eventos permite vincular un controlador de evento a un elemento contenedor (por ejemplo, una lista desordenada) en lugar de múltiples elementos contenidos (por ejemplo, los ítems de una lista). jQuery hace fácil este trabajo a través de <code>$.fn.live</code> y<code>$.fn.delegate</code>. En lo posible, es recomendable utilizar <code>$.fn.delegate</code> en lugar de <code>$.fn.live</code>, ya que elimina la necesidad de una selección y su contexto explícito reduce la carga en aproximadamente un 80%.</p>
31563155
<p>Además, la delegación de eventos permite añadir nuevos elementos contenedores a la página sin tener que volver a vincular sus controladores de eventos.</p>
31573156
<pre class="brush: js"><code>// mal (si existen muchos items en la lista)
31583157
$('li.trigger').click(handlerFn);
@@ -3198,7 +3197,7 @@ <h2><a href="#TOC"><span class="header-section-number">9.9</span> Utilizar <code
31983197
<div id="no-actuar-en-elementos-no-existentes">
31993198
<h2><a href="#TOC"><span class="header-section-number">9.10</span> No Actuar en Elementos no Existentes</a></h2>
32003199
<p>jQuery no le dirá si esta tratando de ejecutar código en una selección vacía — esta se ejecutará como si nada estuviera mal. Dependerá de usted comprobar si la selección contiene elementos.</p>
3201-
<pre class="brush: js"><code>// MAL: el codigo a continuación ejecuta tres funciones
3200+
<pre class="brush: js"><code>// MAL: el código a continuación ejecuta tres funciones
32023201
// sin comprobar si existen elementos
32033202
// en la selección
32043203
$('#nosuchthing').slideUp();

libro/markdown/cap09-mejoras-rendimiento.markdown

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ $(document).ready(PI.onReady);
119119

120120
## Optimización de Selectores
121121

122-
La optimización de selectores es menos importante de lo que solía ser,debido a la implementación en algunos navegadores de`document.querySelectorAll()`, pasando la carga de jQuery hacia el navegador. Sin embargo, existen algunos consejos que debe tener en cuenta.
122+
La optimización de selectores es menos importante de lo que solía ser, debido a la implementación en algunos navegadores de`document.querySelectorAll()`, pasando la carga de jQuery hacia el navegador. Sin embargo, existen algunos consejos que debe tener en cuenta.
123123

124124

125125

@@ -141,7 +141,7 @@ El ejemplo que utiliza `$.fn.find` es más rápido debido a que la primera selec
141141

142142
### Especificidad
143143

144-
Trate de ser especifico para el lado derecho de la selección y menosespecifico para el izquierdo.
144+
Trate de ser especifico para el lado derecho de la selección y menos específico para el izquierdo.
145145

146146
~~~~ {.brush: .js}
147147
// no optimizado
@@ -151,9 +151,7 @@ $('div.data .gonzalez');
151151
$('.data td.gonzalez');
152152
~~~~
153153

154-
Use en lo posible `etiqueta.clase` del lado derecho de la selección, ysolo `etiqueta` o `.clase` en la parte izquierda.
155-
156-
Evite especificidad excesiva.
154+
Use en lo posible `etiqueta.clase` del lado derecho de la selección, y solo `etiqueta` o `.clase` en la parte izquierda.
157155

158156
~~~~ {.brush: .js}
159157
$('.data table.attendees td.gonzalez');
@@ -168,7 +166,7 @@ La segunda selección tiene mejor rendimiento debido a que atraviesa menos capas
168166

169167
### Evitar el Selector Universal
170168

171-
Selecciones en donde se especifica de forma implícita o explicita unaselección universal puede resultar muy lento.
169+
Selecciones en donde se especifica de forma implícita o explícita una selección universal puede resultar muy lento.
172170

173171
~~~~ {.brush: .js}
174172
$('.buttons > *'); // muy lento
@@ -183,7 +181,7 @@ $('.gender input:radio'); // mucho mejor
183181

184182
## Utilizar la Delegación de Eventos
185183

186-
La delegación de eventos permite vincular un controlador de evento a unelemento contenedor (por ejemplo, una lista desordenada) en lugar de múltiples elementos contenidos (por ejemplo, los ítems de una lista).jQuery realiza este trabajo fácil a través de `$.fn.live` y`$.fn.delegate`. En lo posible, es recomendable utilizar $.fn.delegateen lugar de `$.fn.live`, ya que elimina la necesidad de una selección ysu contexto explicito reduce la carga en aproximadamente un 80%.
184+
La delegación de eventos permite vincular un controlador de evento a un elemento contenedor (por ejemplo, una lista desordenada) en lugar de múltiples elementos contenidos (por ejemplo, los ítems de una lista). jQuery hace fácil este trabajo a través de `$.fn.live` y`$.fn.delegate`. En lo posible, es recomendable utilizar `$.fn.delegate` en lugar de `$.fn.live`, ya que elimina la necesidad de una selección y su contexto explícito reduce la carga en aproximadamente un 80%.
187185

188186
Además, la delegación de eventos permite añadir nuevos elementos contenedores a la página sin tener que volver a vincular sus controladores de eventos.
189187

@@ -248,7 +246,7 @@ $.data(elem,key,value);
248246
jQuery no le dirá si esta tratando de ejecutar código en una selección vacía — esta se ejecutará como si nada estuviera mal. Dependerá de usted comprobar si la selección contiene elementos.
249247

250248
~~~~ {.brush: .js}
251-
// MAL: el codigo a continuación ejecuta tres funciones
249+
// MAL: el código a continuación ejecuta tres funciones
252250
// sin comprobar si existen elementos
253251
// en la selección
254252
$('#nosuchthing').slideUp();

libro/pdf/Fundamentos_de_jQuery.pdf

-1.95 KB
Binary file not shown.

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy