Comunidad de diseño web y desarrollo en internet online

Optimizar llamada a eventos? (jQuery || javascript)

Citar            
MensajeEscrito el 21 Mar 2016 02:40 am
buenas a todos,
empecé a usar require.js desde hace poco.
y me doy cuenta que ya no se puede hacer algo así

<button onclick='my_function();'> click!! </button>

ya que todo el código se encuentra en módulos y sale fuera del scope, ahora con jquery seria algo así

$(document).on('click','button[data-onclick="button"]',function(){
//code
});
agrego que son elementos creados dinamicamente.

quería saber cual de los 2 era el mas optimo, alguien que conosca podria decirme como afecta al rendimiento cada forma de hacerlo.

gracias desde ya.

Por eneasdh-fs

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Mar 2016 12:48 pm
Personalmente prefiero la siguiente sintaxis:

Código Javascript :


DOMElement.addEventListener('click', functionName, false);
function functionName (event) { //... }

DOMElement.addEventListener('click', function (event) {
    // ...
}, false);

// ES6 Arrow Function
DOMElement.addEventListener('click', (event) => {
    // ...
}, false);



No sabría decirte si el rendimiento será mejor pero sin duda la sintaxis ofrece mas y mejores opciones. Por ejemplo, puedes eliminar el listener cuando ya no te sea necesario y optimizar memoria.

Código Javascript :

DOMElement.removeEventListener('click', functionName);


Saludos!

Por Fusel

Claber

339 de clabLevel



Genero:Masculino  

Madrid (España)

chrome
Citar            
MensajeEscrito el 27 Nov 2017 10:00 am
20171127 leilei3915
kate spade bags
coach outlet online
ugg outlet
michael kors outlet clearance
mbt shoes
michael kors outlet clearance
ugg boots
uggs outlet
oakley sunglasses wholesale
canada goose
ray-ban sunglasses
canada goose
uggs outlet
canada goose outlet
fred perry polo shirts
canada goose jackets canada
ralph lauren
michael kors outlet store
kate spade handbags
coach outlet
fred perry
ugg,uggs,uggs canada
polo ralph lauren outlet
cheap uggs
canada goose outlet store
ugg outlet
ugg outlet
cheap jordans for sale
ugg boots clearance
canada goose jackets
prada outlet store
ugg outlet online
uggs outlet
cheap nike shoes
tory burch outlet
fred perry outlet
canada goose uk
lacoste polo
canada goose outlet
uggs outlet
michael kors outlet
longchamp outlet store
polo ralph lauren
michael kors outlet
cheap ray ban sunglasses
michael kors outlet online
yeezy boost 350 v2
lacoste outlet
michael kors outlet store
michael kors outlet online
uggs outlet
mont blanc pens for sale
ugg boots
coach outlet online
christian louboutin outlet
fitflops sale clearance
uggs outlet
coach outlet store online
uggs outlet
ugg boots on sale
cheap oakley sunglasses
pandora jewelry
polo ralph lauren factory store
ugg outlet store
canada goose
coach factory outlet
cheap jordans
ralph lauren sale clearance
ugg,uggs,uggs canada
canada goose outlet store
michael kors outlet
uggs outlet
uggs outlet
canada goose
mlb jerseys
ray ban sunglasses
oakley sunglasses wholesale
coach outlet store online
michael kors outlet
polo ralph lauren
coach outlet
ugg boots
ugg outlet
polo ralph lauren
canada goose
nike shoes
canada goose
coach outlet
christian louboutin shoes
canada goose outlet online
ferragamo outlet store
uggs outlet
uggs outlet
canada goose outlet online
canada goose jackets
michael kors outlet clearance
cheap uggs
ralph lauren uk
ugg outlet
fred perry clothing
pandora outlet
polo ralph lauren outlet online
canada goose outlet
michael kors outlet
nike outlet
true religion jeans sale
mlb jerseys
ralph lauren outlet
fred perry polo shirts
ralph lauren
nike outlet store
michael kors outlet online
michael kors outlet online
michael kors handbags clearance
canada goose jackets
polo outlet
oakley sunglasses
uggs outlet
canada goose uk
polo ralph lauren
canada goose jackets
polo ralph lauren sale
coach outlet online
michael kors outlet online
canada goose outlet online
lebron james shoes
cheap ray ban sunglasses
nike outlet store
longchamp handbags
valentino outlet store
michael kors outlet
christian louboutin
polo ralph lauren
vintage nhl jerseys
canada goose outlet store
uggs outlet
canada goose jackets
ray ban pas cher
nike shoes outlet
nike outlet store
ralph lauren shirts
longchamp
air jordan shoes
canada goose jackets
air max 2017
michael kors outlet clearance
adidas outlet online
cheap uggs
pandora charms
canada goose jackets

Por leilei3915

72 de clabLevel



 

firefox

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.