Angular简介

版权声明:作者已开启版权声明,如转载请注明转载地址。 https://blog.csdn.net/qq_34829447/article/details/82731644

开发项目之前,我们需要对Angular进行一下简单了解,并与其他主流框架进行对比分析。

一.AngularJS的优点与存在问题

1.优点

  • 模板功能强大丰富
  • 比较完善的前端MVC框架
  • 引入了Java的一些概念

2.存在问题

  • 性能:双向数据绑定会影响性能
  • 路由不完善
  • 作用域:在AngularJS中的作用域将执行环境与浏览器环境隔离开,原生的事件不能影响其作用域,如不能用选择框的select事件,只能使用ngselect指令等。
  • 表单验证:在AngularJS中显示错误信息的功能较为薄弱,但在Angular中提供了响应式表单,便于进行表单校验以及显示错误信息
  • JavaScript语言:本身没有类型系统,面向对象开发的能力不足够。但在Angular中使用TypeScript语言进行开发。
  • 学习成本高:需要学习大量概念,模块、控制器….。Angular的核心就是组件。

3.Angular新特性

  • 全新的命令行工具AngularCLI
  • 服务器端渲染
  • 移动和桌面兼容

4.AngularJS和Angular架构对比

  • AngularJS:典型的MVC架构

    这里写图片描述

  • Angular架构:整个应用就是一个组件树,用户看到的页面就是由组件树上被激活的组件组成的,用户通过操作从一个组件路由到另一个组件。

    这里写图片描述

二.Angular与其他框架的对比

1.React

  • React优点
    • 速度:由于运用虚拟DOM操作,先更新虚拟DOM,再将虚拟DOM与实际做比较进行更新实际DOM。更新DOM的次数和内容少,从而速度快。
    • Flux架构:组件化,数据的单项更新,可以直接使用JS的ES6语法,并通过Webpack等工具编译成ES5。
    • 服务器端渲染:在服务器上预渲染应用再发送到客户端有助于优化。
  • React问题
    • 目标是UI组件,通常需要与其他框架共同使用。
    • 第三方组件没有Angular多。

2.Vue

  • Vue优点
    • 简单,使用难度低
    • 灵活,官方有构建工具协助构建项目
    • 性能:尺寸小,基础框架是10几K,但Angular的基础框架是50几K
  • Vue问题
    • 个人主导的项目,Angular是谷歌主导的
    • 只关注web;Angular实现更高层次的抽象,既可以开发前端又可以开发Native项目
    • Vue依靠第三方库实现服务器端渲染;Angular是官方提供的服务端渲染方式

猜你喜欢

转载自blog.csdn.net/qq_34829447/article/details/82731644