No passado, o desenvolvimento do front-end (web ou celular) usava principalmente jQuery + js nativo. Se algumas estruturas de interface do usuário do front-end forem usadas, também poderão fornecer algumas APIs para usar. Além disso, muitas estruturas da interface do usuário são baseadas no jQuery, portanto, o período de jQuery a AngularJS é relativamente grande. Eu estudei AngularJs por um tempo. Vamos falar sobre a experiência geral:
Sobre comparação com jQuery
Primeiro de tudo, Angular é uma estrutura de MVC. A diferença entre ele e o jQuery é que o primeiro está comprometido com a dissociação do código MVC e usa modelo, controlador e exibição para organizar o código. Este último fornece muitas funções da API. Você não precisa escrever muitos JS nativos para alcançar efeitos mais complexos, como animação, $. Se você precisar escrever JS nativo, o volume de código será relativamente grande;
Em segundo lugar, o JQuery não define como seu código está organizado. Você pode colocá -lo em um arquivo JS separado para referência, ou pode escrevê -lo diretamente na página para embrulhá -lo com tags de script ou até mesmo gravá -lo diretamente na tag HTML em Inline. No entanto, o AngularJS dividirá uma página HTML em vários módulos, cada módulo pode ter seu próprio escopo, serviço e diretiva, e a comunicação pode ser realizada entre os módulos, mas a estrutura geral é relativamente clara, ou seja, o método da organização de código é modular.
Finalmente, a idéia de JQuery é projetar primeiro a página e, em seguida, executar operações DOM na página existente e exibir a página. No entanto, a visão angular pode ser apenas uma estrutura, e as operações DOM ou o monitoramento de tempo da visualização são implementados na diretiva. Em geral, raramente é escrito diretamente por si mesmo, desde que você ouça o modelo. A visualização também mudará após a mudança do modelo.
Sobre ocasiões aplicáveis
O jQuery deve ser adequado para a maioria do desenvolvimento da web e também há jQuerymobile no lado móvel. Algumas pessoas dizem que o AngularJS é mais adequado para o spa (eu pessoalmente acho que o spa em telefones celulares pode causar problemas de desempenho porque seu mecanismo de verificação sujo afetará o desempenho). Por outro lado, alguns aplicativos CRUD ou software de gerenciamento ainda podem ser usados (é claro, o entendimento aqui pode não ser preciso e você o entenderá e o usará mais com aprendizado profundo).
Sobre a combinação de interface do usuário
O desenvolvimento de qualquer produto requer o uso da interface do usuário front-end. Atualmente, muitas UIs são baseadas no jQuery, o que significa que, se você deseja usar o AngularJS e esses componentes da interface do usuário, precisará usar a diretiva do AngularJS para reescrever alguns componentes. Esse processo é bastante problemático. Felizmente, o Angular nos fornece alguns componentes da interface do usuário que podem ser usados (o lado da Web combina principalmente componentes front-end de bootstrap), http://angular-ui.github.io/ e no lado móvel, combina principalmente a estrutura iônica http:/ionicframework.com/. No entanto, com o desenvolvimento do angular, muitas estruturas de front-end HTML5 integraram gradualmente as versões AngularJS para uso.
Sobre as características dos angulares
1. Vidadiga bidirecional dos dados: esse pode ser o seu recurso mais emocionante. Os dados da camada de visualização e os dados da camada do modelo são a ligação bidirecional. Se um deles mudar, o outro lado mudará de acordo. Você não precisa escrever nenhum código! (Pense em como fazer isso no modo jQuery)
2. O código é modular e o código de cada módulo possui seu próprio escopo, modelo, controlador, etc.
3. A diretiva poderosa pode encapsular muitas funções em tags HTML, atributos ou comentários, etc., que embelezam bastante a estrutura do HTML e aprimora a legibilidade;
4. Injeção de dependência, fornecendo o padrão de design dessa linguagem de back-end ao código front-end, o que significa que o código front-end pode melhorar a reutilização e a flexibilidade. No futuro, o modelo pode colocar um grande número de operações no cliente, e o servidor fornece apenas fontes e operações de dados que outros clientes não podem concluir;
5. Desenvolvimento orientado a testes, o AngularJS pretende começar com isso. As aplicações desenvolvidas usando o Angular podem executar facilmente testes de unidade e testes de ponta a ponta, que resolvem as deficiências do código JS tradicional sendo difícil de testar e manter.
O exposto acima é a conclusão tirada estudando o AngularJS por um período de tempo. Algumas das áreas podem ser omitidas. Não importa. Em seguida, desenvolveremos um dos pontos e aprenderemos passo a passo.