angularjs教程 angular菜鸟教程

一、AngularJS和ReactJS分别是干什么的呢

AngularJS：

AngularJS简介：

AngularJS是一个JavaScript框架。它可通过标签添加到HTML页面。AngularJS通过指令扩展了HTML，且通过表达式绑定数据到HTML。

AngularJS是一个JavaScript框架

AngularJS是一个JavaScript框架。它是一个以JavaScript编写的库。AngularJS是以一个JavaScript文件形式发布的，可通过script标签添加到网页中：

Note我们建议把脚本放在元素的底部。这会提高网页加载速度，因为HTML加载不受制于脚本加载。

AngularJS扩展了HTML

AngularJS通过ng-directives扩展了HTML。ng-app指令定义一个AngularJS应用程序。ng-model指令把元素值（比如输入域的值）绑定到应用程序。ng-bind指令把应用程序数据绑定到HTML视图。

ReactJS：

ReactJS是用于构建可重用UI组件的JavaScript库。根据React官方文档，以下是定义-

React是一个用于构建可组合用户界面的库。它鼓励创建可重用的UI组件，这些组件会呈现随时间变化的数据。许多人在MVC中使用React作为V.将您的DOM中的DOM抽象化，提供更简单的编程模型和更好的性能。React也可以使用Node在服务器上呈现，并且它可以使用ReactNative为本机应用程序供电。React实现了单向无效数据流，与传统的数据绑定相比，这样可以减少样板并更容易推理。

React功能：来源

JSX-JSX是JavaScript语法扩展。在React开发中没有必要使用JSX，但推荐使用。

组件-React是关于组件的。你需要把所有东西都看作一个组件。这将有助于您在处理大型项目时维护代码。

单向数据流和Flux-React实现单向数据流，可以轻松推理您的应用程序。Flux是一种有助于保持数据单向性的模式。

许可-React根据FacebookInc.许可。文档根据CCBY4.0许可。

反应优势

使用作为JavaScript对象的虚拟DOM。这将提高应用程序性能，因为JavaScript虚拟DOM比常规DOM更快。

可以在客户端和服务器端以及其他框架中使用。

组件和数据模式提高了可读性，这有助于维护更大的应用程序。

二、angularJS中的API接口和依赖注入该怎么理解呢

spring是DI的鼻祖依赖注入设计非常的灵活，使用起来简单方便。感觉angular这些前端框架都在吸收后端的设计思想，像di、组件化、模块化跟后端都是殊途同归。不过现在的angular感觉用起来比较别扭，只能在构造方法中声明注入对象的名称，其描述符和java中的注解虽然长得一样，其实不同的东西。angular还没有用得很深，其他不同待发掘。

三、angularjs怎么清除缓存数据

如果用AngularJs在IE下发出GET请求从后台服务取完Json数据再绑定到页面上显示的话，你可能会发现就算数据更新了，IE还是会显示原来的结果。实际上这时候IE的确是缓存了hashtag，没有再次去做HttpGET请求最新的数据。

最直接的办法是在后台撸掉OutputCache，但这种做法并不推荐，需要改每一处被Angular调用的地方，代价太大。这种问题应该在前端解决最好。研究了一会儿总结了最有效的解决方法，并不需要改后台代码了。