Angular

AngularJS 讲的是1代（mvc），学的是ANGULAR 4代(组件 路由 依赖注入)

AngularJS 问题 性能 双向绑定会带来性能问题，项目越大越有问题 脏检查 绑定的数量越多性能越低

路由太简单，作用域，表单验证（显示错误信息）  js语言本身的问题

Angular 单向绑定 检查重写，路由性能提升  观察机制，全新模板api（响应式表单） 引用typeScript   

 

特性 单页应用 组件化的应用  前置学习： typeScript 学习一下有帮助  ES6

AngularCLI ,服务器端渲染，移动和桌面兼容

 

对比 react vue

React 速度快 （虚拟DOM）  flux架构  服务器渲染  注意点 作为UI组件和其他框架组合使用，第三方组件少

Vue  简单API  国产文档容易上手 灵活  性能  注意点 只关注WEB，不太好做大项目 服务器渲染需第三方支持

 

 

angular-cli创建项目后 写项目的时候碰到的问题  引用bootstrap和jquery

项目启动后 f12报错 bootstrap.js  fn of undefined ,引用是成功的，是写了一个navbar的时候报错，引用应该是正确的，但是fn未定义不知道是什么原因造成的。

angular    js与html数据绑定（数据驱动）  指令   *ngFor = "let product of products"   products 是与js中绑定起来的，product是在products里面的，在页面中引用 {{product.price}}等等price是其中一个属性 这个指令是会循环遍历的。 页面里这个写在了div中，循环多少次就会生成多少个同样的div，这和jquery的区别是jquery是要操作页面元素的，操作dom，angular不用，angular是根据数据变化改变前台的页面的

angular的属性绑定  可以写在后台。原来的写法是 <img src="..."/> 现在可以把src的内容写在js中，imgUrl='...',  html变为 <img [src]= "imgUrl"/>  属性绑定中的特例 样式绑定（在星级组件中控制星星的实心和空心使用） 语法  class = "glyphicon glyphicon-star"  [class.glyphicon-star-empty]="这里是写变量的，ngFor的变量" 

一个组件的数据怎么传给另一个组件：输入属性概念 先在需要其他组件数据的组件中申明变量，然后再这个变量上加一个@Input()装饰器. 再有数据的那个组件页面进行值的绑定

 

 

 

 

 

 

 

 

转载于:https://my.oschina.net/u/3833897/blog/1828435