2.1, quadro de interface do usuário
Ant-Design: produzido por Alibaba, framework de interface do usuário baseado em React
ElementUI, iview, ice: produzido por Ele.me, framework de interface do usuário baseado em Vue
BootStrap: um kit de ferramentas de código aberto para desenvolvimento front-end lançado por
Teitter AmazeUI: também conhecido como " Sister UI" ”, uma estrutura de front-end de tela cruzada HTML5
2.2. Ferramentas de construção JavaScript
Babel: ferramenta de compilação JS, usada principalmente para novos recursos do ES que não são suportados por navegadores, como para compilar TypeScript
WebPack: empacotador de módulos, a função principal é empacotar, compactar, mesclar e carregar sequencial
Nota: Os pontos de conhecimento acima resolveram todas as habilidades necessárias para o desenvolvimento de WebApp
2.3, as três extremidades são as mesmas
Aplicativo híbrido
O objetivo principal é obter um conjunto de código de unificação de três terminais (PC, Android: .apk, iOS: .ipa) e poder chamar o hardware subjacente do dispositivo (como: sensor, GPS, câmera etc. ). Existem dois métodos principais de embalagem:
Pacote na nuvem: HBuild -> HBuildX, produzido pela DCloud; Pacote
local da API Cloud: Cordova (anteriormente PhoneGap)
Miniaplicativo WeChat
Para obter detalhes, consulte o site oficial do WeChat. Aqui está uma introdução a uma estrutura que facilita o desenvolvimento da interface do usuário do applet WeChat: WeUI
2.4, tecnologia de back-end
O pessoal de front-end também precisa dominar certas tecnologias de back-end para facilitar o desenvolvimento, mas nós, pessoal de back-end Java, sabemos que o sistema de conhecimento de fundo é extremamente grande e complexo, portanto, para facilitar o desenvolvimento de back-end do pessoal de front-end -end aplicativos, tecnologias como Node JS aparecem. O autor do Node JS alegou desistir do Node JS (diz-se que a arquitetura não está bem feita e os módulos de nó incômodos podem deixar o autor insatisfeito)
. tecnologia, também deve exigir um framework e ferramentas de gerenciamento de projetos, framework Node JS e ferramentas de gerenciamento de projetos são as seguintes:
Express: Node JS framework
Koa: Express versão simplificada
NPM: Ferramenta abrangente de gerenciamento de projetos, semelhante ao Maven
YARN: Alternativa ao NPM, semelhante ao relacionamento entre Maven e Gradle
2.5, estrutura de front-end convencional
Vue.js
eu vejo
iview é uma poderosa biblioteca de interface do usuário baseada em Vue. Ela possui muitos componentes básicos práticos que são mais ricos do que os do elemento ui. Ela serve principalmente os produtos intermediários e de fundo da interface do PC. O modo de desenvolvimento componente Vue de arquivo único é baseado no desenvolvimento npm+webpack+babel, suporta API ES 2015 de alta qualidade, rica em recursos e amigável, e usa espaço de forma livre e flexível.
Endereço do site oficial
Github
iview-admin
Observações: Pertence ao framework front-end mainstream e pode ser considerado na seleção de modelos, a principal característica é que suporta mais terminais móveis.
IU do elemento
Element é uma biblioteca de componentes Vue UI de código aberto mantida pela Ele.me. Tem componentes completos e basicamente cobre todos os componentes necessários em segundo plano. A documentação é detalhada e os exemplos são muito ricos. Usado principalmente para desenvolver páginas do lado do PC, é uma biblioteca de componentes Vue UI de alta qualidade.
·Endereço do site oficial
·Git hub
·vue-element-adminRemarks
: Pertence ao framework front-end convencional e pode ser considerado ao selecionar modelos. A principal característica é que há mais suportes para desktop
GELO
Feibing é uma solução de aplicação mid-and back-end baseada em React/Angular/Vue da equipe do Alibaba. Dentro do Alibaba, já existem mais de 270 projetos de quase todas as BUs em uso. O FeiBing inclui um link completo desde o design até o final do desenvolvimento, ajudando os usuários a criar rapidamente seus próprios aplicativos intermediários e em segundo plano.
Endereço do site oficial.
git hub
Observações: Os principais componentes ainda são baseados em React. A partir de 17 de fevereiro de 2019, o suporte ao Vue não é perfeito até que o blog seja atualizado e ainda está no estágio de esperar para ver.
VantUI
Vant UI é uma biblioteca de componentes Vue implementada pela equipe de front-end Youzan com base na especificação unificada do Youzan, fornecendo um conjunto completo de componentes básicos de UI e componentes de negócios. Através do Vant, você pode construir rapidamente uma página com um estilo unificado e melhorar a eficiência do desenvolvimento.
Endereço do site oficial
Github
AtUI
at-ui é uma biblioteca de componentes de interface do usuário de front-end baseada no Vue 2.x, usada principalmente para o desenvolvimento rápido de produtos de sites para PC. Ele fornece um conjunto de fluxo de trabalho de desenvolvimento front-end n pm+webpack+babel, estilos CSS independentes e mantém um estilo de interface do usuário unificado, mesmo que diferentes estruturas sejam usadas.
· Endereço do site oficial
· Git hub
Cubo Ul
cube-ui é uma biblioteca de componentes móveis refinada baseada em Vue js desenvolvida pela equipe Didi. Suporte a importação e pós-compilação sob demanda, leve e flexível; extensibilidade forte, que pode facilmente realizar desenvolvimento secundário com base em componentes existentes.
Endereço do site oficial
Github
Desenvolvimento híbrido
Flutuar
Flutter é a estrutura de interface do usuário móvel do Google, que pode criar aplicativos de nível nativo de alta qualidade no Android e iOS em muito pouco tempo. O Flutter funciona com código existente, é usado por desenvolvedores e organizações em todo o mundo, e o Flutter é gratuito e de código aberto.
Endereço do site oficial
Github
Observações: produzido pelo Google, o principal recurso é construir rapidamente aplicativos APP nativos, como aplicativos híbridos, esse framework é um framework de seleção obrigatória
lônico
Lonic é uma estrutura CSS e uma biblioteca de interface do usuário Javascript. Lonic é atualmente a estrutura de desenvolvimento de aplicativos móveis HTML 5 com maior potencial. Crie aplicativos com SASS, que fornece muitos componentes de interface do usuário para ajudar os desenvolvedores a desenvolver aplicativos poderosos. Ele usa a estrutura JavaScript MV VM e Angular JS/Vue para aprimorar o aplicativo. Fornece ligação bidirecional de dados, tornando-se uma escolha comum para desenvolvedores web e móveis.
Endereço do site oficial
· Documentação oficial do site
· Git hub
Miniaplicativo WeChat
mpvue
mpvue é um framework front-end desenvolvido pela Meituan que usa Vue.js para desenvolver applets, atualmente suporta applets WeChat, applets Baidu inteligentes, applets Toutiao e applets Alipay. A estrutura é baseada em Vue.js, e o tempo de execução da estrutura de tempo de execução modificado e o compilador de compilador de código são implementados para que possam ser executados no ambiente de applet, introduzindo assim a experiência de desenvolvimento Vue.js para desenvolvimento de applet.
·Endereço do site oficial
·Git hub
Observações: Experiência completa de desenvolvimento Vue e suporta desenvolvimento de miniaplicativos multiplataforma, recomenda-se o uso
WeUI
WeUI é uma biblioteca de estilos básica que é consistente com a experiência visual nativa do WeChat. Ela é adaptada pela equipe de design oficial do WeChat para as páginas internas do WeChat e miniprogramas do WeChat, tornando a percepção de uso dos usuários mais unificada. Contém vários elementos como botão, célula, diálogo, brinde, artigo, ícone, etc.
Endereço do site oficial
Github