Kitjs, (http://xueduany.github.com/kitjs), é um conjunto de bibliotecas de widgets de front-end HTML5 que criei no final de 2011 depois de deixar o Taobao UED. O objetivo original era se concentrar no uso de componentes interativos da página HTML em telefones celulares. Assim como Kit literalmente, a visão é ser uma pequena e prática, que pode ser usada diretamente, e também pode ser muito conveniente fazer componentes em dois desenvolvidos. Posteriormente, à medida que o projeto aumentou cada vez maior e o número de componentes se expandiu, também foi adicionado o suporte de navegadores de PC (IE6+, FF, Chrome Core Series etc.) e não estava mais limitado ao campo de desenvolvimento de telefones celulares original e começou a se mover oficialmente em direção à plataforma completa. Recentemente, todos os módulos originais foram atualizados de acordo com as especificações do JSDOC e gradualmente o código aberto para todos usarem.
Vamos colocar uma genealogia kitjs em primeiro lugar para que todos possam ter um entendimento básico do kit
Que tal? Você está se sentindo um pouco tonto quando olha para isso? Na verdade, me sinto tonto quando o vejo^_^. Simplificando, kitjs e dojo são semelhantes um ao outro e são divididos em
1. O módulo de ferramenta JS com kit.js como o núcleo, que é expandido em torno do kit, semelhante ao dojo
2. Módulos de componentes sob o kit.ui namespace, semelhante ao dijit
3. Há também um projeto de laboratório como o Dojox, que não é especificado aqui.
Nos componentes do kitjs, existem excelentes componentes que eu publiquei no meu blog antes, como
Jogador de áudio
Guias para efeitos do iPhone
ComboBox
Álbum de fotos 3D
calendário
LightBox
etc.
Também existem alguns componentes melhores que ainda estão em uso ou são lançados gradualmente para que todos usem. Todos os componentes do kitjs atendem à seguinte visão
1. Esteja mais próximo da experiência do usuário dos usuários chineses
2. Esteja mais próximo dos comentários e documentos dos desenvolvedores chineses
3. Certifique -se de fornecer os componentes existentes no mercado que não são fornecidos, mas todos precisam.
4. Um módulo de grão fino suficiente para facilitar a montagem e se fundir em um widget maior
No módulo da ferramenta KITJS, todo o código é baseado na extensão do protótipo de classe e os objetos globais instanciados são fornecidos para os desenvolvedores usarem. Todos os nomes de classe são capitalizados na primeira letra e todos os objetos de instância são minúsculos na primeira letra. O kit começa com o personagem $ para facilitar a distinção de outras bibliotecas de classes. Ao mesmo tempo, no módulo da ferramenta, todos os métodos são escritos em um estilo de programação de funções, o mesmo que o Kissy. Ao mesmo tempo, o kit é fornecido a estudantes que estão acostumados a desenvolver com jQuery. Carregar suger.js pode usar kitjs para escrever código como usar o jQuery. O nome do método e o método de uso são exatamente os mesmos que o jQuery. Aqui está um exemplo de um evento pronto para o DOM
A cópia do código é a seguinte:
$ kit. $ (função ($) {
$ ('. Item', $ ('#galeria')). cada (function () {
$ (this) .css ({
TOP: $ kit.math.rand ($ ('#Gallery'). InnerHeight ()) + 'PX',
Esquerda: $ kit.math.rand ($ ('#galeria'). Innerwidth ()) + 'px',
'-webkit-transform': 'girtate (' + $ kit.math.rand (-40, 40) + 'deg)'
});
}).
novo $ kit.ui.lightBox ({
El: Isso
}). init ();
});
});
$ kit. $ é o evento pronto para o DOM de kitjs. O parâmetro $ do método anônimo é passado para o fechamento interno. Dessa forma, o $ pode ser usado diretamente no fechamento interno em vez de $ kit. $ (Equivalente ao seletor de $ jQuery). Dessa forma, todo o código no fechamento não é diferente do jQuery. Ele também facilita a porta do código jQuery e o código KITJS.
Este artigo é o primeiro artigo da série KitJS Framework Usage Guide. Apresenta apenas brevemente os kitjs. Aprenderemos mais sobre essa excelente estrutura de interface do usuário front-end no futuro.