del plugin non si butta via niente - angularjsday 2014 ancona @apasella

9

Click here to load reader

Upload: antonello-pasella

Post on 02-Jul-2015

245 views

Category:

Technology


0 download

DESCRIPTION

Ogni volta che una nuova tecnologia arriva all'orizzonte le principali resistenze sono dovute al fatto che, spesso, occorre cambiare completamente tutti i propri strumenti di lavoro. AngularJS permette di continuare a utilizzare la maggior parte dei plugin (magari anche con proprie dipendenze) ai quali siamo abituati semplicemente creando delle direttive per contenerli.

TRANSCRIPT

Page 1: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella

Antonello Pasella

www.pasella.it

@APASELLA@1UPACADEMY

AngularJS Day 2014 – Ancona, 21 marzo

«kitten free presentation»

Page 2: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella

Inserire un barcode in una pagina PHP?

o altre 1000 librerie disponibili

Page 3: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella

Inserire 10.000 barcode in una pagina PHP?

Browser

Server

Page 4: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella

Inserire 10.000 barcode in una pagina PHP?

github.com/antonellopasella/jquery-barcode

• Genera BMP in JavaScript• Plugin solo per jQuery• Markup discutibile

Page 5: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella

jQuery Barcode

<div class=‘barcode’>1234567890</div>

<div class=‘barcode’><img src="data:image/bmp;base64,Qk…BAQ==" /></div>

Page 6: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella

Let’s go crash!!!

console.log("inizio", new Date());for(i = 0; i < 1000; i++){$('.barcode:eq(0)').clone().appendTo('body').html( i );

} console.log("inizio plugin", new Date());$('.barcode').barcode({code:'code39'});console.log("FINE", new Date());

Page 7: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella

Angularize it

<img barcode codice=‘codice’ />

Page 8: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella

Riepilogo

• restrict• scope• element• scope.$watch

Page 9: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella

?Antonello Pasella

www.pasella.it

AngularJS Day 2014 – Ancona, 21 marzo

@APASELLA@1UPACADEMY

http://www.github.com/antonellopasella