Yahoo! Blog User Interface (YUIBlog)

Yui e carregador de mudanças para 3.4.0

Em 3.4.0 começamos o processo de mudança da lógica alguma Carregadeira em torno, não só para torná-lo mais competitivo, mas para torná-lo mais robusto e fácil de usar em outros lugares (como no servidor). Nós estaremos lançando mais alterações em futuras revisões, mas eu queria levar algum tempo e explicar o que foi alterado, por isso foi mudado e como isso pode afetar os desenvolvedores. Para a maioria dos casos de uso, os desenvolvedores irão notar nada de diferente, exceto que as coisas são um pouco mais rápido e downloads de sua exigência é um pouco menor.

Arquivo Semente

A primeira coisa que eu quero abordar é o arquivo de semente YUI. Nas versões anteriores do YUI, o nosso arquivo de semente era muito pequena e não conter Loader ou qualquer dos seus meta-dados. Descobrimos que no 90% de casos de uso deste não era tão alto desempenho como esperávamos. O usuário normal inclui o arquivo de sementes, em seguida, solicita os seus módulos, que por sua vez significa que a semente precisa primeiro buscar Loader, em seguida, calcular todas as suas dependências, em seguida, buscar todos eles. Hoje nós sentimos que este pedido http extra é a coisa errada a fazer, então o arquivo de semente nova norma contém Loader e sua meta-dados. Sim, isso fará com que o pedido inicial um pouco maior, mas ele vai fazer o carregamento de módulos que muito mais rápido, pois todos os seus meta-dados são requisitos agora já na página.

Se você quiser usá-lo da maneira antiga, você pode simplesmente incluir o arquivo de semente yui-base em seu lugar. Ele contém tudo o que é necessário para fazer YUI executado em modo stand-alone além de que contém a capacidade de buscar Loader em demanda. Se você precisar de dependências ainda mais sutis, criamos um arquivo semente yui-core que é exatamente o que a semente yui-base antiga era.

     / Build / yui / yui-min.js / / O YUI + Carregador / build / yui-base / yui-base-min.js / / O YUI Velha, com carregador de buscar apoio / build/yui-core/yui-core- min.js / / Old yui-base sem carregador de buscar apoio 

Deve notar-se que estes URLs são diferentes do que o URLs anterior. Qualquer pessoa que estava usando o yui/yui-base.js arquivos precisam repoint-los para yui-core/yui-core.js . Se você quiser o antigo modo de carregar a semente e buscar Loader, você usaria o yui-base/yui-base.js arquivo semente.

O raciocínio outro para essa mudança é o nosso roteiro para fazer YUI executado em tantos lugares quanto possível. O arquivo de origem plus antigo carregador em uma única solicitação de combinação servidor está tudo muito bem se você tiver um servidor de combinação disponível na sua aplicação. Mas o que aconteceu no servidor? Ou em um aplicativo offline em um dispositivo móvel? Estes lugares precisam minimizar o acesso ao arquivo e ainda obter a informação de que necessitam.

Rollups

A próxima coisa que mudou foi a remoção rollups do sistema e falta allowRollup para false no carregador config. O que isso significa para você? Bem, espero que nada. Antes de me explicar o impacto da mudança, deixe-me explicar o raciocínio por trás dele. A razão principal é, novamente, o desempenho, juntamente com a entrega de carga útil. Veja este exemplo:

      Módulo A: exige um evento, evento-b
      Módulo B: exige-c evento, evento-d

Quando você pede tanto, a lógica de conjunto antes de 3.4.0 para determinar que você deve obter o pacote cumulativo de evento. O que realmente significava que você estava começando:

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

Você acabou com mais da sua página do que você realmente necessário. Ao desligar o apoio cumulativo, YUI irá agora pedir apenas o que você realmente solicitado e nada mais. Na maioria dos casos, você não vai notar isso. Os desenvolvedores do módulo, pode se deparar com uma situação onde as coisas que deram certo no passado pode não funcionar agora. A razão para isto é que eles efectivamente trabalhadas, por acidente antes. Deixe-me usar um exemplo do mundo real: Dial.

Em 3.3.0, Dial requereu isto:

     requer: [
         'Widget',
         'Dd-drag',
         'Substituto',
         'Evento mouseenter', 
         "Transição",
         'Intl'
     ]

Para a maior parte, Dial trabalhou em 3.4.0, no entanto o suporte ao teclado não funcionou. Depois de fazer algumas investigações simples, descobriu-se que o apoio cumulativo estava realmente pedindo o pacote cumulativo de evento inteiro (que inclui evento move e evento-chave). Sem a lógica de agregação puxando em todos eventos, 3.4.0 Dial já não teve todos os seus requisitos. Fazendo requisitos de discagem do mais específico e definir todas as suas dependências reais corretamente faz com que funcione conforme o esperado.

     requer: [
         'Widget',
         'Dd-drag',
         'Substituto',
         'Evento mouseenter',
         'Evento movimento',
         "Acontecimento-chave",
         "Transição",
         'Intl'
     ]

Para os desenvolvedores do módulo, é uma boa prática para se certificar de que seu módulo requer exatamente o que ele precisa para funcionar. Não presuma que um requisito módulo montante está lá. É sempre melhor ter certeza de que você perguntar para o que você precisa.

Isto também significa que os requisitos de módulo são mais bem definida. Por exemplo, datatype-date Intl tem suporte construído dentro Nas versões anteriores é possível acessar as Intl assim:

     Y.Intl.getAvailableLangs ("tipo de dados data ');

Mas desde que este módulo não tem realmente um idioma (o datatype-date-format módulo faz), isso irá falhar. Ele precisa ser mais específico e realmente pedir idiomas para o módulo correto:

     Y.Intl.getAvailableLangs ("tipo de dados data-format ');

Criar Explosão de arquivos e remoção Sub-módulo

Depois de fazer essa mudança, a próxima mudança que fizemos estava explodindo o diretório de compilação e remoção de sub-módulos do sistema central. Lógica submódulo não foi removido, só a nossa estrutura de meta-dados foi alterado. Isto irá fornecer compatibilidade com versões anteriores para as instalações atuais.

Submódulos no núcleo do sistema causou um par de questões que precisávamos resolver. O primeiro motivo foi o desempenho. Cada carregador de tempo necessário para calcular dependências, que precisava de andar a estrutura submódulo / plugin de cada módulo. Fazendo isso milhares de vezes estava prejudicando o nosso desempenho durante o carregador de calcular rotina. Ao remover o suporte para submodules no núcleo do sistema que salvou dezenas de milhares de chamadas de função e iterações.

Carregador foi alterado para que se um use da propriedade em um módulo de meta-dados definido mais módulos, ele irá usar os módulos em vez de tentar carregar o módulo original. Então, se você pediu " dd "Loader iria inspecionar" dd "'s de meta-dados e ver uma propriedade utilização que é algo como isto:

     "Dd-ddm-base, dd-DDM, dd-ddm-drop, dd-drag, dd-proxy, dd-constranger, drop-dd, dd-scroll, dd-drop-plugin"

No arquivo de semente do núcleo YUI, estamos incluindo também o que estamos chamando rollups virtuais ou apelidos. Essas definições do módulo são exatamente o mesmo que o meta-dados no Loader. Desta forma, você pode incluir todos os arquivos exportados do nosso Configurador de dependência e ainda usam esses pacotes cumulativos sem ter presente carregador na página. Em versões futuras, estaremos refinando essa abordagem ainda mais.

Depois de fazer essa mudança, então precedido a explodir nossos arquivos construir. Em versões anteriores, os submódulos determinado o caminho do arquivo módulos. Por exemplo:

     "Dd": {
         "Submódulos": {
             "Dd-drag": 
             / Módulo / dados
         }
     }

No 3.3.0 quando você construiu "dd", a estrutura do arquivo parecia algo como isto:

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

Com o sistema de compilação explodiu em 3.4.0, "dd" é criar arquivos agora olhar como este:

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

Isto permitiu-nos para remover o "caminho" propriedade de todos os nossos dados meta-módulo, bem como, salvar tamanho do arquivo e reduzindo a lógica necessária para reunir os caminhos módulos url.

Se você está incluindo um URL de combinação pré-configurada, você deve recalcular seu URL quando você atualizar.

A desvantagem desta mudança é que, se você está incluindo um URL de combinação de módulos para "preparar" sua página, você não pode simplesmente mudar o número da versão e atualizar. Você terá que rever a dependência Configurator e gerar uma nova URL com estrutura novo módulo.

O Futuro

Eu vou estar continuando a refinar, refatorar e maximizar cada aspecto de nossa estratégia Loader e Semente. Estes primeiros passos são necessários para auxiliar em mudanças futuras que precisam ser feitas não só para a nossa estratégia no lado do cliente, mas também o nosso servidor, de linha de comando e estratégias de dispositivos móveis também.

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!