O conteúdo principal deste artigo está resumido com referência à documentação oficial:
Vue.js
Vue.js @ Uma biblioteca escrita pelo Sr. You Yuxi para criar interfaces interativas da Web é um MVVM simplificado. Do ponto de vista técnico, o vue.js se concentra na camada de viewmodel do modelo MVVM. Ele conecta a camada de visualização e a camada do modelo através da ligação de dados bidirecionais. Os formatos reais de encapsulamento e saída DOM são abstraídos para diretivas e filtros. Vue.js é uma biblioteca pequena e bonita em comparação com outras bibliotecas. O principal objetivo do autor é gerar ligação de dados reflexivos e componentes de visualização composta por meio de uma API simples. Eu sinto que a ideia do autor é muito clara.
vantagem:
Simples: a documentação oficial é muito clara, mais simples e fácil de aprender do que angular.
Rápido: atualizando o DOM no processamento de lote assíncrono.
Combinação: combine seu aplicativo com componentes desacoplados e reutilizáveis.
Compacto: ~ 18kb min+gzip e não tem dependências.
Poderoso: Expressões e propriedades computadas que não requerem dependências de declaração.
Amigo do módulo: pode ser instalado através do NPM, Bower ou Duo, e não force todo o seu código a seguir os vários regulamentos angulares, tornando os cenários de uso mais flexíveis.
deficiência:
Recém -nascido: Vue.js é um novo projeto, a versão do candidato de lançamento de 0.10.0 lançada em 20 de março de 2014. Atualmente, a versão mais recente no GitHub é de 0,11,4, que não é tão madura quanto angular.
O impacto não é muito grande: pesquisei no Google e há menos diversidade ou riqueza do Vue.js do que algumas outras bibliotecas famosas.
O IE8 não é suportado: haha, mas o AngularJS 1.3 também abandona o apoio ao IE8, mas @微官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官 � Isso não é bom para projetos que precisam suportar o IE8, mas isso também é uma tendência no desenvolvimento do front-end da Web. Por exemplo, a versão baixa do IE deve sair do estágio da história, alterando nosso pensamento de front-end, em vez de se adaptar àqueles que usam a versão antiga sem atualizar. @德官网官网 disse uma coisa, acho que é muito boa. "Nos últimos dias, apoiar o IE6 e 7 há muito tempo não é mais um recurso, mas uma pena. Nós nos esforçamos para promover Alipay para não apoiar completamente o IE6 e o 7, e esperamos mais irmãos se juntarem".
AngularJS
AngularJS tem sido muito popular recentemente e tem muitos seguidores. Estrutura MVW JavaScript super -heróica
O funcionário disse que é simples: "A tecnologia do cliente escrita inteiramente em JavaScript. É usado em conjunto com outras tecnologias da Web de longa data (HTML, CSS e JavaScript) para tornar o desenvolvimento de aplicativos da Web mais simples e rápido do que antes". Quando você aprender, acredito que você será atraído por muitos de seus novos efeitos especiais.
vantagem:
Visão dinâmica: nunca pensei que o JS poderia estender atributos HTML como esse antes, mas o AngularJS fez isso. Ele acrescentou muitas funções de extensão ao nosso HTML estático, o que torna o HTML da morte para a vida.
Perfeito: é uma estrutura MVW front-end relativamente completa, incluindo modelos, ligação de dados bidirecionais, roteamento, modularização, serviço, injeção de dependência e outras funções. Os modelos são poderosos e ricos em funções e são declarativos, com ricas instruções angulares.
Manutenção do Google: o AngularJS tem o Google para manter e, sem dúvida, tem um forte back -end. Tem vantagens óbvias sobre o vue.js e Avalon para promoção e manutenção. A comunidade também é muito animada e pode promover bem seu desenvolvimento.
AngularJS & Ionic: Ionic: Avançado HTML5 Hybrid Mobile App Framework, esses dois são um bom amigo. A Ionic usa o AngularJS para criar uma estrutura mais adequada para o desenvolvimento de aplicações ricas e poderosas. Na última vez, respondi a uma pergunta relacionada ao Zhihu para desenvolver o WebApps. Qual estrutura e plataforma de aplicativos embalados são o melhor desempenho e eficiência? - Resposta de Tang Wei, veja aqui para obter detalhes.
deficiência:
Grande e abrangente: é difícil de aprender. Para mim, a curva de aprendizado é muito tortuosa e difícil de entender.
Over e reescrever: visitei a comunidade há algum tempo e descobri que o AngularJS2.0 derrubaria e reescreveria a reversão e a reescrita anterior. As duas estruturas mudaram muito, basicamente duas estruturas. É equivalente a dizer que você precisa começar do zero após o lançamento do 2.0. Mas, novamente, //www.vevb.com/article/79637.htm Este artigo explica muito bem as mudanças no AngularJS2.0.
Não suporta o IE8 ou abaixo. Parece que o 2.0 se tornou suportado apenas em dispositivos móveis. Vamos ver depois de sair.
Avalon.js
Avalon.js é uma estrutura Mini MVVM simples e fácil de usar escrita por @situ zhengmei. Foi publicado pela primeira vez em 2012.09.15 e foi desenvolvido para resolver a existência de várias visões da mesma lógica de negócios. Muitas vezes, você pode ver que o professor promove seu Avalon.js e publicou muitos tutoriais, o que, sem dúvida, proporciona grande conveniência para as pessoas na China que estudam Avalon.js.
vantagem
Simples de usar, adicione ligações no HTML, defina o ViewModel em JS com Avalon.define e, em seguida, chame o método Avalon.Scan, e ele poderá se mover!
Compatível com o IE6 (outras estruturas MVVM, KnockoutJs (IE6), AngularJS (IE9), EmberJs (IE8), WinJS (IE9)) e Avalon.mobile, que podem ser executados com mais eficiência em novas versões como IE10.
Sem dependências, menos de 5000 linhas, menos de 50kib após a compressão
Suporta funções de filtragem de estilo de caracteres do pipeline para facilitar a saída de formatação
A granularidade da atualização local foi refinada para um nó de texto, nó de característica
O nó a ser operado está vinculado à função de atualização de exibição na primeira varredura e em cache, para que não haja espaço para que os seletores apareçam.
Torne o código da operação DOM quase extinto
Usando o mecanismo de sobreposição do tipo CSS, deixe cada partição de viewmodel fazer páginas alternadamente
Quando o nó é removido, desinstale de forma inteligente a função de atualização de visualização correspondente para salvar a memória
Os dados de operação devem operar o DOM, e as operações no ViewModel serão sincronizadas com a visualização e o modelo.
Ele vem com o carregador de módulo AMD, para evitar integração com outros carregadores.
falha
1. A filtragem de matrizes não é tão boa quanto angular. O filtro de Avalon só pode ser usado para o MS-Text, MS-HTML
2. Nenhum documento em inglês, a publicidade é restrita
3. A pele de Oniui não é bonita o suficiente. Muitas pessoas dizem que querem cooperar com o Boostrap, mas ninguém na comunidade tomou a iniciativa de fazer isso.