Yahoo! User Interface Blog (YUIBlog)

Nel YUI 3 Galleria: Modulo Numero Matt Snider è

10 Marzo 2010 alle 05:45 da Matt Snider | In Development , YUI 3 Galleria | Commenti disabilitati

Nativamente, JavaScript ha un insieme molto limitato di funzioni per lavorare con i numeri trova l'oggetto Math globale. Per lo più queste funzioni sono per lavorare con esponenti, trigonometria, e di arrotondamento. E mentre queste funzioni sono necessarie ed efficienti, la API Math è rimasto invariato per anni, e probabilmente non sarà migliorato in qualunque momento in un prossimo futuro. Per cui spetta agli sviluppatori di librerie JavaScript per creare e mantenere un componente per lavorare con i numeri.

Il numero dei componenti della Galleria YUI 3 , derivata dal lavoro utilizzato in origine sulle Mint.com , mira a riempire il numero mancante funzionalità correlate. Esso fornisce un leggero insieme di funzioni statiche per lavorare con i numeri. La componente numero pesa circa 1.8kb dopo minimizzazione e prima gzip: è supportato da tutti i browser di grado.

Una delle caratteristiche in numero che uso di più è il format() funzione, che inietta un numero formattato in una stringa valutando il formato del numero di segnaposto nella stringa. (Nota: Questo è simile al supporto formattazione Y.DataType.Number fornisce attualmente, ma si arrotola le proprietà di configurazione separato che Y.DataType.Number.format accetta in una singola stringa schema di formattazione.) La funzione funziona con tutti i simboli, ma si formati numeri secondo lo standard inglese. Qui ci sono alcuni esempi di come utilizzare format() dalla sua unit test:

  var n = 1111,11,
	 formatDollars = "$ 0,0.00 '" / / uso virgola e decimali durante la formattazione
	 FormatPercent = "0,00%", / / ​​uso decimale nella formattazione
	 formatRound = "0000", / / ​​uso virgola durante la formattazione
	 FormatText = "Si prega di aggiungere il $ 0,0.00 alla mia scheda";

 Y.Assert.areEqual ("$ 1,111.11", Y.Number.format (n, formatDollars));
 Y.Assert.areEqual ("1111,11%", Y.Number.format (n, FormatPercent));
 Y.Assert.areEqual («1111», Y.Number.format (n, formatRound));
 Y.Assert.areEqual ("Si prega di aggiungere il $ 1,111.11 per la mia scheda!", Y.Number.format (n, FormatText)); 

Altre funzioni utili sono:

• random() : fornisce una API semplice per ottenere casuale numeri interi;
• isBetween() / isNotBetween() : semplifica la valutazione dei gruppi di numeri;
• radian() / degrees() : quando si lavora con funzioni trigonometriche della matematica (come Math.cos() ), che aspetta radianti invece di gradi, sia radian() e degrees() sono utili per i valori di conversione.

Per utilizzare il componente Galleria Numero, primo includere lo script:

  <Script di 
 src = "http://yui.yahooapis.com/combo?3.0.0/build/yui/yui-min.js &
 gallery-2010.02.22-22/build/gallery-number/gallery-number-min.js "> </ script> 

Quindi includere 'gallery-number' in use() funzione, per ottenere le seguenti funzioni:

  YUI (). Uso ('galleria-number', function (Y) {
	 Y. Number = {
		 gradi (numero),
		 format (numero, formato),
		 getPrecision (numero),
		 isNotBetween (numero, numero, numero, booleano),
		 isBetween (numero, numero, numero, booleano),
		 isPrime (numero),
		 radianti (numero),
		 casuale (numero, numero),
		 roundToPrecision (numero, numero)
	 };
 }); 

Queste funzioni sono state modellate le funzioni matematiche nativi e, come le funzioni matematiche, le funzioni Y.Number ritorno NaN se il valore fornito non è un numero. Se volete contribuire allo sviluppo o richiedere nuove funzionalità aggiunte al numero, si prega di lasciare un messaggio sul forum .

Trova conversazioni: Bloglines | technorati

Condividere ed estendere: Bookmark with del.icio.us | Digg it! | reddit!