Yahoo! User Interface blog (YUIBlog)

Changements YUI et Loader 3.4.0 pour les

En 3.4.0, nous avons commencé le processus de déplacer une partie de la logique Loader autour, non seulement pour le rendre plus performant, mais pour le rendre plus robuste et plus facile à utiliser dans d'autres endroits (comme sur le serveur). Nous déploiera plus de changements dans les futures révisions, mais je voulais prendre un certain temps et expliquer ce qui a changé, pourquoi il a été changé et comment elle peut influer développeurs. Pour la majorité des cas d'utilisation, les développeurs remarquerez rien de différent, sauf que les choses sont un peu plus vite et de leurs téléchargements exigence sont un peu plus petit.

Fichier des semences

La première chose que je veux aborder est le fichier de semences YUI. Dans les versions précédentes de YUI, notre fichier de graines était minuscule et ne contient pas de chargeur ou un de ses méta-données. Nous avons constaté que dans le cas d'utilisation de 90% ce n'était pas aussi performant que nous l'espérions. L'utilisateur normal inclut le fichier semences demande ensuite de leurs modules, ce qui signifie que la graine doit d'abord chercher Loader, puis de calculer l'ensemble de ses dépendances, puis aller chercher eux tous. Nous avons maintenant le sentiment que cette demande supplémentaire http est la mauvaise chose à faire, alors le fichier de nouvelles semences standard contient Loader et ses méta-données. Oui, cela fera la demande initiale un peu plus grand, mais il fera le chargement des modules qui beaucoup plus rapide puisque l'ensemble de ses méta-données exigences sont maintenant déjà sur la page.

Si vous souhaitez utiliser l'ancienne méthode, vous pouvez simplement inclure le fichier semences de base au lieu-yui. Il contient tout ce qui est nécessaire pour faire fonctionner en YUI mode autonome, plus il contient de la capacité à aller chercher Loader sur demande. Si vous avez besoin des dépendances plus fines, même, nous avons créé un fichier semences yui-core qui est exactement ce que l'ancienne base de Yui-graine a été.

     / Construire / yui / yui-min.js / / semences YUI + Chargeur
     / Construire / yui-base / yui-base-min.js / / semences Vieux YUI avec chargeur chercher un soutien
     / Construire / yui-core / yui-core-min.js / / Vieux-yui base sans chercher le soutien Loader

Il convient de noter que ces URL sont différentes de la URL précédente. Toute personne qui a utilisé l' yui/yui-base.js fichiers ont besoin d'eux pour rejointoyer yui-core/yui-core.js . Si vous voulez l'ancien mode de chargement de la graine et aller chercher Loader, vous devez utiliser la yui-base/yui-base.js fichier semences.

Le raisonnement d'autres de ce changement est notre feuille de route pour faire fonctionner YUI dans autant d'endroits que possible. Le fichier de vieilles semences ainsi Loader dans une requête de serveur combo unique est bel et bon, si vous avez un serveur combo disponibles dans votre application. Mais qu'en est-il sur le serveur? Ou dans une application hors ligne sur un appareil mobile? Ces endroits ont besoin de minimiser l'accès aux fichiers tout en obtenant les informations dont ils ont besoin.

Rollups

La prochaine chose que nous avons changé cumuls a été de retirer du système et défaillants allowRollup à faux dans la config Loader. Qu'est-ce que cela signifie pour vous? Eh bien, j'espère rien du tout. Avant d'expliquer l'impact de ce changement, laissez-moi vous expliquer le raisonnement derrière elle. La raison principale est, encore une fois, la performance, avec la livraison de charge utile. Prenez cet exemple:

      Module A: nécessite événement A, B événementiel
      Module B: exige l'événement-c,-d évènement

Lorsque vous demandez à la fois, la logique de cumul avant 3.4.0 utilisés pour déterminer si vous devriez obtenir le correctif cumulatif événement. Qui en réalité signifie que vous receviez:

      event.a, event.b, event.c, event.d, event.e, event.f, event.g, event.h

Vous fini par avoir plus sur votre page que vous avez réellement besoin. En désactivant le support correctif cumulatif, YUI va maintenant demander seulement ce que vous avez réellement demandé et rien de plus. Dans la plupart des cas, vous ne verrez pas cela. Développeurs de modules, peut fonctionner dans une situation où les choses qui ont fonctionné dans le passé peut ne pas fonctionner aujourd'hui. La raison en est qu'ils ont effectivement travaillé par accident avant. Permettez-moi d'utiliser un exemple concret: Dial.

En 3.3.0, Dial nécessaires à ceci:

     exige: [
         «Widget»,
         'Dd-glisser »,
         «Substitut»,
         'Événement MouseEnter », 
         «Transition»,
         «Intl»
     ]

Pour la plupart, Dial a travaillé en 3.4.0, le support du clavier n'a toutefois pas de travail. Après avoir fait quelques recherches simples, il s'est avéré que le support était en fait la demande de cumul de l'ensemble de cumul de l'événement (ce qui inclut l'événement-déplacer et l'événement-clé). Sans la logique de cumul tirant dans tous les cas, Dial 3.4.0 n'avait plus toutes ses exigences. Rendre les normes de Dial plus précis et de définir l'ensemble de ses dépendances réelles fait correctement, il fonctionne comme prévu.

     exige: [
         «Widget»,
         'Dd-glisser »,
         «Substitut»,
         'Événement MouseEnter »,
         «Événement-déplacer ',
         «Événement-clé»,
         «Transition»,
         «Intl»
     ]

Pour les développeurs du module, il est recommandé de s'assurer que votre module nécessite exactement ce dont il a besoin pour fonctionner. Ne présumez pas que d'une exigence module amont est là. Il est toujours préférable de s'assurer que vous demandez ce que vous avez besoin.

Cela signifie également que les exigences du module sont plus bien définie. Par exemple, datatype-date a le soutien international construit po Dans les versions précédentes, vous auraient accès à l'Aéroport international comme ceci:

     Y.Intl.getAvailableLangs («type de données à jour ');

Mais puisque ce module n'a pas réellement une langue (le datatype-date-format module ne), ce sera l'échec. Il a besoin d'être plus précis et réellement demander des langues pour le module correct:

     Y.Intl.getAvailableLangs ('datatype-date-format');

Construire Explosion de fichiers et de suppression sous-module

Après avoir effectué ce changement, le changement suivant nous avons fait était exploser le répertoire de construction et de sous-modules retirer du système de base. La logique sous-module n'a pas été supprimée, que notre méta-données de structure a été modifiée. Cela fournira la compatibilité ascendante pour les installations actuelles.

Sous-modules dans le système de base causé quelques problèmes que nous devions résoudre. La première raison est la performance. Chaque chargeur temps nécessaire pour calculer les dépendances, dont il avait besoin de marcher la structure sous-module / plugin de chaque module. Faire des milliers de fois a été mal notre performance pendant le chargeur de calculer la routine. En supprimant le support des sous-modules dans le système de base nous avons sauvé des dizaines de milliers d'appels de fonction et des itérations.

Loader a été modifiée de sorte que si une use des biens dans un module de méta-données définies plusieurs modules, il va utiliser les modules au lieu d'essayer de charger le module d'origine. Donc, si vous avez demandé " dd "Loader serait inspecter" dd "l 'méta-données et de voir une propriété à usage qu'il ressemble à ceci:

     "Dd-DDM-base, dd-DDM, DD-DDM-goutte, dd-glisser, dd-proxy, dd-contraindre, dd-goutte, dd-scroll, dd-drop-plugin"

Dans le fichier de base de graines de YUI, nous sommes aussi, y compris ce que nous appelons des cumuls virtuel ou alias. Ces définitions de modules sont exactement les mêmes que les méta-données dans Loader. De cette façon, vous pouvez inclure tous les fichiers exportés à partir de notre dépendance Configurator et toujours utiliser ces cumuls, sans avoir présents Loader sur la page. Dans les versions futures, nous serons d'affiner cette approche encore plus.

Après ce changement, nous avons alors précédé d'exploser nos dossiers de construction. Dans les versions précédentes, les sous-modules déterminé le chemin du fichier de modules. Par exemple:

     "Dd": {
         "Sous-modules": {
             "Jj-glisser": 
             / / Module de données
         }
     }

En 3.3.0 quand vous avez construit "dd", la structure du fichier ressemble à ça:

     / Construire / dd / dd-drag.js
     / Construire / dd / dd-ddm.js
     / Construire / dd / dd-drop.js

Avec le système de construction a explosé en 3.4.0, "dd" l 'construire des fichiers maintenant ressembler à ceci:

     / Construire / jj-glisser / dd-drag.js
     / Construire / jj-DDM / dd-ddm.js
     / Construire / jj-goutte / jj-drop.js

Cela nous a permis d'enlever le «chemin» de tous les biens de notre module de méta-données, ainsi, économiser et de réduire la taille du fichier de la logique nécessaire pour assembler les chemins des modules url.

Si vous incluez une URL combo pré-configurés, vous devez recalculer votre URL lorsque vous mettez à niveau.

L'inconvénient de ce changement est que si vous incluez un URL combo de modules pour "prep" de votre page, vous pouvez non seulement changer le numéro de version et mise à niveau. Vous aurez besoin de revenir sur la dépendance Configurator et générer une nouvelle URL avec la structure nouveau module.

L'avenir

Je continuerai à affiner, refactoriser et optimiser chaque aspect de notre stratégie de Loader et des semences. Ces premières étapes ont été nécessaires pour l'aide dans les changements futurs qui doivent être faites non seulement pour notre côté client de stratégie, mais aussi notre serveur, en ligne de commande et les stratégies de périphériques mobiles.

Trouver des conversations: Bloglines | technorati

Partager et prolonger: Conservez ce lien avec del.icio.us | Digg it! | reddit!