Angular学习笔记(二)对比AngularJs

这里只是把我的学习过程写出来,如果有写的不对的地方希望各位指出来,或者给我留言来纠正错误,相互学习,相互提高。QQ:260951742

一、AngualrJs的优点

  1. 模板功能强大
  2. 比较完善的前端MVC框架
  3. 引入了Java的一些概念

二、AngularJs的问题

  1. 性能(AngularJs为双向数据绑定,在Angular中默认为单向数据绑定)
  2. 路由(AngularJs中路由有很多问题,Angular中路由模块为主要核心模块之一)
  3. 作用域($scope在Angular中移除,任何原生事件可以直接绑定和处理)
  4. 表单验证(Angular中提供全新模板API,例如相应式表单)
  5. JavaScript语言(Angular中使用TypeScript语言开发,带有完善的类型系统等)
  6. 学习成本(Angular的核心模块清晰,学习成本更低,可以更快地上手写项目)

三、Angular新特性

  • 全新的命令行工具AngularCli
生成新项目骨架
生成组件的基础代码
作为开发服务器供调试、编译、构建和部署代码,运行自动化的单元测试等等
  • 服务器端渲染
可以使原本需要10秒左右加载的单页应用在1秒内呈现给用户(性能)
可以使一个单页应用针对每一个视图做SEO搜索引擎优化
  • 移动和桌面兼容
对移动端的支持提升到一个新的高度
借住一些第三方UI框架可以很容易使用Angular创建出跨平台的手机应用
提供了Angular的官方库 material2 提供很多google material风格的在移动和桌面通用的组件

四、架构对比

  • AngularJs是典型的MVC架构
AngularJs架构.png
  • Angular是由一系列的组件组成,形成一个组件树
Angular的结构.png

(上方图片和这段文字摘自网络)
与用户交互的是组件中的模板,模板展示信息给用户,用户对模板中进行操作;
模板通过事件与组件交付,组件通过数据绑定把数据展现在模板中;
指令是扩展了一部分模板的语法;
路由负责组件的创建与销毁,在客户端进行切换;
服务可以简单的理解为一部分公共的方法或者所谓的大牛写的插件注入到组件树中,那么在该节点的组件树
下面都可以调用。

Angular架构.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AngularJS是什么 AngularJS的官方文档这样介绍它: 完全使用JavaScript编写的客户端技术。...
    oWSQo阅读 1,343评论 0 10
  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 1,646评论 0 3
  • AngularJS AngularJS概述 介绍 简称:ng Angular是一个MVC框架 其他前端框架: Vu...
    我爱开发阅读 2,347评论 0 8
  • 大家好,我是IT修真院深圳分院第3期的学员,一枚正直纯洁善良的前端程序员,今天给大家分享一下,修真院官网前端工程师...
    大大头大阅读 6,110评论 0 4
  • 看到一个网友吐槽摩拜: 前几天骑摩拜,骑完之后忘记上锁了,大概过了一个上午才发现这个问题,于是赶紧跑回去原来的停车...
    托爸阅读 453评论 2 0