angular（angular velocity）
vue好还是angular简单?
Angular的学习曲线比较陡峭，国内用的很少。但是我曾经和美国的哥们一起开发过WebApp，他们张口就是采用Angular0+。正好我也没怯场。ng在国外用的比较多，适合多人协作开发规模较大的项目。补充 我经常和我的学生交流，他们说去了一些培训机构打听后，前端课程里也有vue，也有angular。
web前端三大主流框架是Angular、React、Vue。Angular Angular是一款优秀的前端JS框架，Angular有着诸多特性，最为核心的是MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
学习成本不同。vue简单易学，而angular的上手难度较高。AngularJS的学习成本高，比如增加了DependencyInjection特性，而Vue.js本身提供的API都比较简单、直观。指令不同。angular的指令都是ng-xxx，而vueJS的指令都是v-xxx。
Vue.js和其他库相比是一个小而美的库，作者的主要目的是通过一个尽量简单的 API 产生可反映的数据绑定和可组合的视图组件，感觉作者的思路非常清晰。优点：简单：官方文档很清晰，比 Angular 简单易学。快速：异步批处理方式更新 DOM。组合：用解耦的、可复用的组件组合你的应用程序。
4个常见的Angular错误以及如何解决它们
1、@CrossOrigin注解即是给响应头增加了这两个参数解决跨域问题。在服务端POST方法同样使用注解@CrossOrigin解决跨域问题。
2、检查电脑是否存在病毒，请使用百度卫士进行木马查杀。系统文件损坏或丢失，盗版系统或Ghost版本系统，很容易出现该问题。建议：使用完整版或正版系统。安装的软件与系统或其它软件发生冲突，找到发生冲突的软件，卸载它。
3、Npm 装过angular了，但是用ng命令提示未安装是设置错误造成的，解决方法为：在安装angular前，先安装Node.js。在电脑上找到【运行】功能并点击，打开运行面板，如图。在运行面板中，输入【cmd】，如图。打开命令提示符窗口，输入命令：npm install -g @angular/cli。
4、Angular官方指出：如果没有足够使用hash风格（#）的理由，还是尽量使用HTML5模式的路由风格； 如果配置了hash风格，在微信支付或是Angular的深路径依然会出404的问题； 当你需要使用GA等工具时，由于无法获取#号后的URL，导致每次路由切换都给其发送一个路径； #有点丑。
5、可是我就是要更改非输入属性怎么办呢？别急，Angular早就为你想好了。在Angular中，有这么一个class：ChangeDetectorRef ，它是组件的变化检测器的引用，我们可以在组件中的通过依赖注入的方式来获取该对象，来手动控制组件的变化检测行为。
angularjs是什么
1、AngularJS[1]诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。
2、AngularJS 是Web前端开发中的一个 JavaScript 框架，目前在前端中使用率也是非常高的，也是Web前端开发者以动态形式开发时最喜欢的框架之一。如果你是一个前端开发者希望基于AngularJS启动一个项目，你需要筛选众多的工具。
3、首先，ng是一个开源的Web应用程序框架，又称为AngularJS。它是一种基于MVC模式的前端框架，可以让程序员用更少的代码实现更多的功能。AngularJS有许多优点，其中最重要的优点是可扩展性、模块化和依赖注入。
深入理解Angular的变更检测
1、Angular有自己的zone，就是我们常见的ngZone，Angular 源码中有一个东西叫做 ApplicationRef，它监听 NgZone 的 onTurnDone 事件。只要这个事件发生，它就执行 函数，这个函数执行变更检查，DOM就会更新，看下图示例，其实zone.js就是 。在 Angular 中，每个组件都有自己的变更检测器（change detector）。
2、那么什么是单向数据流呢？其实简单理解就是angular检测到数据变化到更新完视图的过程中数据是不应该被改变的，如果我们在这期间更改了数据，Angular便会抛出一个错误，举个例子，我们在RankChildrenComponent的ngAfterViewChecked钩子函数中更改childName的值，在控制台会看到如下错误。
3、变更检测Angular 中，数据是由顶部根节点流向最后的叶子节点，整个数据流是单向，构成一颗单向树。
4、假如绑定的数组长度每次都发生变化，可以监听数组长度变化从而执行ngOnChanges中的函数。 （坏处：假如数组长度不变，其中某项内容改变无法检测。可以将数组包为一个对象，增加一个key值。
5、侦测状态变化，重新渲染页面。拉（通知状态改变，然后暴力比对哪些节点需要重新渲染）： Angular脏检查、React虚拟dom 推（明确知道哪些状态改变，细粒度，通知绑定这个状态的依赖节点更新）： Vue 但，粒度越细，每个状态绑定的依赖越多，追踪开销就越大。
在Angular2中如何实现组件交互
订阅后会返回当前值 ，不需要调用 onnext 通过getValues（）函数提取最后值做为raw data。确保组件能收到最新的数据。在以下服务中，创建一个私有BehaviorSubject提供消息数据。首先定义一个currentMessage变量存放observable数据流，然后创建一个组件里的函数来改变变量值。
我们以Angular2整合zTree为例来说明整合的思路及过程。
组件是Angular应用的基本构建块，它们通常包含模板、样式以及用于处理数据和用户交互的控制器。例如，我们可以通过@Component装饰器创建一个组件，这个装饰器实际上就是一个组件指令。在组件模板中，我们可以使用内置的指令（如ngIf、ngFor），也可以创建自定义的指令。
Angular2中使用jQuery 首先在index.html中引用jquery。
路由配置还记得由谁来管理component 的吧，没错，由 module 来管理。 所以，把新创建的 component，引入到 app.moudle 中。
angular2里component使用全局的样式：你可以在index.html里面引入一个全局的样式，然后内部的所有组件都可以使用这些样式了。就像NiceFish这里的首页上引用了bootstrap的一整套CSS，然后内部所有组件都可以共享这些样式一样。
angular组件间共享数据的四种方式
使用EventEmitter在组件中传参，这种方法比较灵活，不受父子组件的限制，可以在所有组件间自由使用。具体做法如下：总结，在服务中定义一个EventEmitter， 在一个组件中使用emit传参，另一个组件中使用subscribe（）接受传参。
通过Angular的话可以通过下面四种方法 event 这里可以有两种方式，一种是$scope.$emit，然后通过监听$rootScope的事件获取参数；另一种是$rootScope.$broadcast，通过监听$scope的事件获取参数。这两种方法在最新版本的Angular中已经没有性能区别了，主要就是事件发送的方向不同，可以按实际情况选择。
如果你的$scope是从paren传过来的话（不是新建的scope），那弹窗的内容应该可以拿到父窗口的数据。
Angular的核心功能数据绑定： 表示模型和视图组件之间数据的自动同步。控制器： 表示Javascript函数绑定到特定的范围。服务： Angular内配有多个内置服务，例如 $http 可作为一个XMLHttpRequest请求。但是这些单一对象在应用程序只可以实例化一次。
比如：表格里就是简简单单的checkbox；图片列表这种，UI设计师会搞点花样，用户选择一下，会在图片上盖一层半透明的勾选提示等等。我们的系统是用angular X版本开发。所以，我采用angular的装饰性指令编写几个指令，把它们配合在一起使用，来封装这样的场景。
Angular具有的指令类型主要分为四种，分别是组件指令、属性指令、结构指令和装饰器指令。 组件指令（Component Directives）：这是Angular中最重要且最常见的指令类型。组件是Angular应用的基本构建块，它们通常包含模板、样式以及用于处理数据和用户交互的控制器。