Archivi categoria: Javascript

jQuery annuncia PEP 0.3.0

jquery

E’ stata annunciata la release 0.3.0 del Pointer Events Polyfill della jQuery Foundation.

Quando scriviamo una applicazione che deve essere utilizzata indifferentemente su dispositivi dotati di touch screen oppure dispositivi dotati del tradizionale mouse, ci troviamo a dover gestire differenti tipi di eventi (Mouse Events e Touch Events) che agiscono con modalità differenti.

Grazie ai Pointer Events si può utilizzare una modalità omogenea per interagire con entrambi i tipi di dispositivo, semplificando la realizzazione del software e fornendo all’utilizzatore una esperienza di utilizzo più uniforme.

Object.observe()

Stiamo per dire addio ai vari framework mvc (Angular, Meteor, Dart ecc)?
Non ancora. Ma il nuovo metodo Object.observe() darà un grande impulso allo sviluppo di applicazione Web Real Time più compatte e veloci.
Uso il futuro perchè al momento questa tecnologia, che è una anticipazione di quello che ci porterà ES7, è supportata solamente da Chrome 36 e Opera 23, quindi oggi solo pochi fortunati si possono divertire!!!

Cosa fa Object.observe() ?

Questo metodo attacca ad un generico oggetto JS una callback che reagisce (viene invocata) a qualsiasi variazione avviene sull’oggetto stesso:

// definiamo un oggetto di nome user con due 
// proprietà: nome e anno_nascita

var user = {
  nome: 'Alessandro',
  anno_nascita: 1990
};

// collega una callback con observe()
// attenzione: changes è un array!!
Object.observe( obj,  function(changes) {
  console.log(changes);
});

user.nome = 'Alex'; 
// sulla console appare un messaggio che indica:
// la proprietà modificata, 
// il nome dell'oggetto, 
// il tipo di modifica, 
// il valore della proprietò prima della modifica
// [{name: 'nome', object: <user>, type: 'update', oldValue: 'Alessandro'}]

.observe reagisce a 6 tipi di variazione:

  • add
  • update
  • delete
  • reconfigure
  • set_prototype
  • prevent_extension

add, update e delete si riferiscono alla aggiunta, modifica ed eliminazione di proprietà dell’oggetto.

Quanto è veloce?

Da test effettuati risulta che rispetto all’utilizzo di AngularJS il metodo observe() è dal 20 a 40 volte più veloce!