Un controllo dello stato sulla YUI 2-a-3 di transizione
5 novembre 2010 alle ore 11.06 da Eric Miraglia | In Development , YUI 3 Gallery | 6 Commenti The YUI 2 JavaScript e CSS biblioteca è stato un prodotto di successo enormemente negli-plus quattro anni da quando l'abbiamo pubblicato nel 2006. YUI 2 distribuzioni sono state scaricate più di 2 milioni di volte, e migliaia di sviluppatori di utilizzare YUI oggi senza mai scaricare i file, invece che tirare, né da parte di Google Yahoo! o CDN. 1 YUI traffico sulla CDN Yahoo! è cresciuta costantemente nel corso degli anni Da quando abbiamo reso pubblico, e oggi si stima che yui.yahooapis.com sta servendo circa 15 miliardi di file mensili.
Non è un segreto, però, che gli ingegneri YUI a Inizio spendono la maggior parte della loro energia oggi lavorando su YUI 3 , il progetto successore di YUI 2, e uno che riguarda molti degli insegnamenti tratti dagli ingegneri YUI negli anni che abbiamo trascorso edificio YUI 2. YUI 3 oggi è robusto e ricco di funzionalità. A livello di utilità (animazione, XHR, drag and drop, ecc), si supera il livello di funzionalità di YUI 2. A livello widget, dove YUI 2 è stato popolare con il suo ampio portafoglio, YUI 3 è ancora recuperando terreno. YUI 2 di DataTable, Editor, Menu, Button e il calendario sono ancora la norma, e YUI 3 utenti alla ricerca di funzionalità equivalenti sono oggi guidate al progetto 2-in-3 YUI , che consente di includere facilmente ed utilizzare YUI 2 dal entro YUI 3 implementazioni. Questo è facile e sicuro, ma è anche non ottimale: Noi preferisco non passare da una API, e ci piacerebbe preferisce non l'overhead di runtime di caricamento due core libreria.
Mentre ci prepariamo per la prossima settimana YUICONF 2010 , sembrava un buon momento per esaminare lo stato della YUI 2-a-YUI 3 di transizione. Siamo un po 'più di un anno nell'era 3 YUI, e non proprio un anno fuori dal YUI 3 Galleria lancio s '. Tra il team di YUI a Yahoo e quelli di voi nella comunità di YUI contribuendo componenti (circa 100 contribitors in totale), come stiamo facendo?
La risposta potrebbe sorprendervi.
Con progetti come gli AlloyUI Liferay e decine di collaboratori indipendenti che popolano la Galleria, ora abbiamo più opzioni disponibili, anche a livello widget in YUI 3 che abbiamo spedito con YUI 2. La tabella qui di seguito le partite funzionalità tra le due biblioteche e dà un senso di come le due librerie di confrontare in termini di categorie funzionali. Avvertenze:
- Poche righe sono i confronti 1:1. Quando dico che la funzionalità è supportata, non voglio dire che sia supportato esattamente nello stesso modo o al livello di funzionalità stesso in entrambe le codeline.
- Tutte le funzionalità non supportate in YUI 3 è possibile accedere tramite YUI 2-in-3.
- Dove ho indicato che qualcosa è supportato tramite comunità / galleria, non sto suggerendo nulla circa la completezza caratteristica del contenuto Galleria - soltanto che la comunità ha risposto a tale esigenza e ha prodotto e condiviso una soluzione.
- Questa tabella include solo una parte del contenuto che è nella Galleria. Una fotografia più vera, tra tutti i contenuti Gallery, avrebbe mostrato YUI 3 nanismo YUI 2 in termini di opzioni componente. Mi sono limitato qui per le funzionalità di base di YUI 2, il suo equivalente in YUI 3, e nuovi importanti sviluppi nel mondo 3 YUI (comprese le categorie di componenti principali che sono emerse in Galleria).
| Componenti principali | |||
|---|---|---|---|
| Componente | YUI 2 | YUI 3 | Note |
| Libreria di base | Yahoo dell'oggetto globale | YUI modulo | Alcune delle funzionalità 2 YUI si è trasferita in altri moduli - OOP e lang. |
| Loader | YUI Loader | Loader modulo | YUI 3's Loader è intrinseco (sarà richiamato automaticamente) e include il supporto per la Galleria. |
| DOM sostegno | DOM Collection | Nodo modulo | YUI 3 è "nodo-centrica" - di lavoro tramite l'API Il nodo è un cambiamento di paradigma tra YUI 2 e 3. |
| Browser e eventi personalizzati | Event Utility | Evento modulo | |
| Componente della Fondazione | |||
| Componente | YUI 2 | YUI 3 | Note |
| Attributo di gestione | AttributeProvider | Attributo modulo | |
| Gestione degli eventi | EventProvider | EventTarget nel modulo Custom Event | |
| Componente di base | Modulo Base | ||
| Estensione del modello | Modulo Base | ||
| Plugin modello | Plugin e plugin ospita moduli | ||
| Widget fondazione | Elemento di utilità | Widget modulo | YUI 2 gli elementi di utilità manca il modello del ciclo di vita dello sviluppo di componenti contenuti nel sistema di YUI 3 Base Widget. |
| Utilities | |||
| Componente | YUI 2 | YUI 3 | Note |
| Ajax / XHR | Connection Manager Utility | IO modulo | |
| Animazione | Animazione Utility |
| YUI 3 aggiunge il supporto per le transizioni CSS tramite il modulo di Transitions, sostenere le transizioni con accelerazione hardware se supportati. |
| Asset Prefetching | Caridy Patiño Mayea di precarico modulo | ||
| Asincrono Queueing | AsyncQueue modulo | Supporto per una catena di callback eseguiti tramite la funzione setTimeout . YUI 2 di consegna di questa funzionalità non è diviso in modo sufficientemente per uso generale. | |
| Autenticazione | gli OAuth modulo Glass Dav | ||
| Cache | Cache modulo | Il supporto per la memorizzazione chiave / valore in memoria locale JS. | |
| Cookie | Cookie Utility | Cookie modulo | |
| Data Management | DataSource Utility |
| Non c'è parità di caratteristiche esatta tra i due (per esempio, fare la coda non è supportato in YUI 3; YUI 3 moduli restano in beta). |
| Drag and Drop | Drag and Drop Utility | DD modulo | |
| Evento Extra |
|
| sostegno evento YUI 3 supera la YUI 2 ramo, con una buona astrazioni per il tocco e gesti. |
| Form Validation | InputEx Campo / framework dei form | La YUI 3 Galleria ha anche molti moduli form-correlate a elencare qui - è un gruppo da parte degli sviluppatori di AlloyUI prolifico, e ci sono molti di più da parte degli altri partecipanti. | |
| Geolocation | Mikael Abrahamsson di geolocalizzazione modulo | ||
| Get (script / CSS carico) | Get Utility | Prendi modulo | |
| Storia di gestione | Storia di utilità | Storia modulo | Modulo di Storia YUI 3 include il supporto HTML5. |
| ImageLoader (differimento intelligente di caricare l'immagine) | ImageLoader Utility | ImageLoader modulo | |
| Internazionalizzazione | varia a seconda della componente | Internazionalizzazione modulo | modello i18n YUI 3 è più robusto, ma non c'è lavoro da fare per realizzare tutti i suoi benefici in tutto il sistema widget. |
| JSON | JSON Utility | JSON modulo | YUI 3 include il modulo JSONP che fornisce una struttura per lavorare con le richiamate JSONP dal di dentro schemi YUI 3 di sandbox. |
| Ridimensiona | Resize Utility | AlloyUI Ridimensiona | L'implementazione AlloyUI in Galleria è stata adottata nel nucleo biblioteca e sarà parte della versione 3.3.0. |
| Storage (lato client) | Storage Utility (comprende ripiego Flash) | Storage Lite | Storage Lite non supporta un ripiego Flash. |
| Stylesheet (manipolazione via JS) | Stylesheet Utility | Stylesheet modulo | |
| SWF gestione | SWF Utility |
| |
| SVG Support | |||
| Undo / Redo Supporto | Iliyan Peychev di Undo / Redo modulo quadro | ||
| YQL wrapper | YQL Query modulo | ||
| Widget UI | |||
| Componente | YUI 2 | YUI 3 | Note |
| Fisarmonica | Come un widget YUI 2-based, un componente di Marco non è nella Galleria YUI 3 formalmente. | ||
| Completamento automatico | Completamento automatico di controllo | YUI 3 Completamento automatico la spedizione avverrà con YUI 3.3.0. Non trascurare la componente AlloyUI qui, anche se - è ricco di funzionalità e pronti per l'uso oggi. | |
| Button | Pulsante di controllo | Anthony Pipkin's Button modulo | |
| Calendario | Controllo calendario | AlloyUI Calendar | Calendario widget di selezione / data non è previsto come parte della distribuzione fino al 3 YUI 3.4.0 o successiva; l'attuazione AlloyUI, tuttavia, è una scelta eccellente per i casi d'uso comune. |
| Carosello | Carosello di controllo | Gopal Venkatesan's Carousel modulo | Gopal ha posseduto la YUI 2.x codebase Carousel per lungo tempo, e il suo YUI 3 moduli Gallery sarà in produzione Inizio prodotti quest'anno. |
| Grafici | Carte di Controllo | Tripp è uno degli autori e il manutentore del YUI 2 carte di controllo, che è basato su Flash. La YUI 3 lavori grafici, che non si basa su Flash, è arrivato al Gallery su base regolare e lavoro Tripp aggiornato sarà disponibile in versione beta come parte di YUI 3.3.0. | |
| Color Picker | Color Picker di controllo | AlloyUI Color Picker | |
| DataTable | DataTable di controllo | Pipkin's Simple Anthony modulo Datatable | progetto di Antonio, che comprende un paio di moduli plugin, non è destinata ad avere parità di funzionalità con l'ambizioso YUI 2 DataTable Control. Il lavoro svolto dal team di YUI su YUI 3 DataTable apparirà in versione beta in 3.3.0. |
| Ritaglio immagine | ImageCropper Control | ||
| Layout (completo di gestione delle applicazioni a schermo) | Layout Manager | ||
| Menuing | Menu di controllo |
| Semplice menu non è così ricco di funzionalità come il supporto completo a menu previsto YUI 2. Attualmente, il team di YUI piani di lavoro su un controllo di menu di 3 YUI per il periodo di tempo 3.4.0. Nodo MenuNav fa parte della distribuzione 3 YUI, ma rimane in versione beta e può essere sconsigliata a favore di un nuovo lavoro su un controllo formale UI. |
| Sovrapposizioni | Container Famiglia | ||
| Impaginazione | Paginator Control | John Lindal gli Paginator Port modulo | |
| Progress Bar | Controllo ProgressBar | Satyam ha scritto la YUI 2 Controllo ProgressBar, il suo YUI 3 attuazione non è in Galleria, ma è disponibile per l'uso. | |
| Valutazioni | |||
| Rich Text Editing | Rich Text Editor | Semplice editor di Porto | YUI 3.3.0 conterrà il contenuto di base dell'editor che Yahoo sta usando nella nuova beta Yahoo! Mail - che è il più avanzato editor che abbiamo prodotto come parte di YUI. Tuttavia, la barra degli strumenti Editor (che è una parte importante della componente per la maggior parte implementatori) si baserà sulla funzionalità Button e menuing che non apparirà almeno fino al 3.4.0. |
| ScrollView | ScrollView modulo | Questo è un componente importante per lo sviluppo mobile. | |
| Slideshow | Questa categoria è un buon esempio di ciò che la Galleria YUI può diventare. Considerando che non abbiamo mai avuto una forte componente YUI 3 presentazione, abbiamo già quattro moduli eccellenti tra cui scegliere nel mondo 3 YUI. | ||
| Sliders | Slider Control |
| YUI 3.3.0 conterrà un interessante nuovo modello di interazione slider, per gentile concessione di progettista e ingegnere Yahoo! Jeff Conniff. Restate sintonizzati per maggiori informazioni su questo come 3.3.0 versioni di anteprima visualizzato. |
| Tabs | TabView Control | TabView modulo | |
| Alberi | Controllo TreeView | Inizio ingegnere Gonzalo Cordero sta attualmente lavorando su una implementazione YUI 3 TreeView. Anche se non sarà pronto per 3.3.0, si dovrebbe essere disponibile in Galleria dopo il rilascio 3.3.0 ed essere un candidato per la distribuzione già nel 3.4.0. | |
| Uploader (upload di più file con il monitoraggio dei progressi) | Uploader Control | Uploader modulo | Entrambe le tre implementazioni YUI 2 e YUI richiedono Flash. |
| Video (HTML5) | |||
| CSS Components | |||
| Componente | YUI 2 | YUI 3 | Note |
| Reset | CSS Reset | CSS Reset | |
| Base | CSS di base | CSS di base | |
| Tipi di carattere | Font CSS | Font CSS | |
| Griglie | Griglie CSS | Griglie CSS | Il nuovo, più flessibile YUI CSS Grids pacchetto di 3 è stato rilasciato nel 3.2.0. |
Note:
- The YUI 2 dipendenza Configurator può aiutare a progettare il vostro script e css comprende sia per Yahoo! o CDN Google.
Condividi e ampliare: Bookmark con del.icio.us | digg it! | reddit!
6 Commenti »
RSS feed dei commenti a questo post.
Lascia un commento

Copyright © 2006-2011 Inizio Inc. Tutti i diritti riservati. Norme sulla privacy - Termini di servizio
Powered by WordPress su Yahoo! Web Hosting .


shnikies Santo, tali componenti sono AlloyUI slick. Sarà sicuramente provando in lega nella mia prossima applicazione. :)
Commento di Josh L - 5 Novembre 2010 #
YUI3 svantaggio rispetto al YUI2 è la mancanza di widget UI in kit standart (widget comunità solo). Prima di tutto (per me), DataTable, Alberi, Rich Text Editor, layout (gestione completa applicazione a tutto schermo), Button. Questi widget sono molto importanti e inseriti nella competizione framworks javascript. Essi dovrebbero essere inclusi nel kit di sviluppo completo di YUI3. Io non sono sicuro di alta qualità di codice nei progetti comunitari, così ho paura di usarlo. In attesa di successivi rilasci di YUI3.
Commento di Sergio - 7 Novembre 2010 #
@ Sergey, tutti i yui2 widget e gli altri componenti sono fruibili tramite YUI3.
Commento di Joe - 21 novembre 2010 #
Usiamo la capacità di dialogo YUI2 di presentare in modo asincrono un modulo nel corpo del dialogo. Questa caratteristica è utilizzata in tutta la nostra app. Non vedo questa funzione nella finestra di dialogo o di un modulo AlloyUI Anthony Pipkin nella galleria. Ci sono piani per aggiungere ulteriori sovrapposizioni in YUI3 come caratteristica YUI2 di dialogo ricco?
Commento di Sean - 7 Gennaio 2011 #
@ Sean, componenti finestre (pannello, finestre ecc) sono sulla tabella di marcia 2011 per YUI3. Non abbiamo risolti che rilasciano essi saranno in atterraggio, ma sono indicativamente prevista per il posto verso la metà dell'anno.
La presentazione forma asincrona che supporta la finestra di dialogo YUI2 è un candidato ideale per un YUI3 semplice plugin, in modo (o chiunque altro nella comunità) è invitato a dare un colpo e aggiungere alla galleria.
E 'davvero solo un involucro leggero intorno a sostegno sotto forma di Io. E 'probabile che il YUI 3 realizzazione sarà proprio questo - un plugin per Overlay, che si applica io-forma al contenuto della sovrapposizione.
In generale, come noi iniziare l'anno, stiamo cercando il modo per raccogliere in modo più efficace input tabella di marcia (con orari di apertura) da parte della comunità, mantenerlo, e pubblicarla, così avrete un quadro più chiaro quello che sta venendo, e quando.
Commento di Desai Satyen - 7 Gennaio 2011 #
Satyen, la ringrazio molto per il feedback. Penso che si proverà con YUI2 fino YUI3 è un po 'più maturo. Potrei iniziare a utilizzare la migrazione dei componenti YUI3 2in3 e per un ambiente YUI2/YUI3 misto, ma non posso giustificare il ROI come questo sarebbe una significativa riscrittura di molte parti della nostra applicazione. Usiamo molti componenti YUI2, ma DataTable / ScrollingDataTable e di dialogo sono le due più importanti. Una volta che questi componenti sono la migrazione completa a YUI3, io propongo un compito di gestione della migrazione.
Commento di Sean - 11 gennaio 2011 #