初识AngularJs

一、什么是AngularJS

AngularJS是一个JavaScript框架，是一个以JavaScript开发的库。

AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

二、AngularJs可以做什么

AngularJS 把应用程序数据绑定到 HTML 元素。

AngularJS 可以克隆和重复 HTML 元素。

AngularJS 可以隐藏和显示 HTML 元素。

 AngularJS 可以在 HTML 元素"背后"添加代码。

AngularJS 支持输入验证。

AngularJS 可嵌入、注入和测试。

AngularJS 指令让你使用 HTML 新语法快速的构建应用程序。您可以创建可重用的自定义组件与指令的API

AngularJS 支持双向数据绑定，可以声明绑定的模型到 HTML 元素。当模型发生变化时，视图会自动更新，反之亦然。这可以减少大量的传统样板代码，保持模型和视图同步。

AngularJS 使用 HTML 模板，这使事情变得简单，并允许设计人员和开发人员同时工作。设计人员可以按照通常的方式创建用户界面，而开发人员可以使用声明性绑定语法很容易配合不同的UI组件的数据模型。

AngularJS 还提供了更多的实用功能，如路由，过滤器，和动画等等，这些都可以在后面使用中慢慢去学习去探索。

三、AngularJs的引用

 AngularJS 以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中： 

<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

各个 angular.js 版本下载： https://github.com/angular/angular.js/releases

四、AngularJS 表达式

AngularJS 表达式写在双大括号内：{{ expression }}。

AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。

AngularJS 将在表达式书写的位置"输出"数据。

AngularJS 表达式 很像 JavaScript 表达式：它们可以包含文字、运算符和变量。

实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}

五、AngularJS 指令

AngularJS 通过被称为 指令 的新属性来扩展 HTML，通过内置的指令来为应用添加功能，可自定义指令。

AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。

ng-app 指令初始化一个 AngularJS 应用程序。

ng-init 指令初始化应用程序数据。

ng-model 指令把元素值（比如输入域的值）绑定到应用程序。

更多指令可查看：http://www.runoob.com/angularjs/angularjs-reference.html

 

六、Angular的优缺点：

优点：

1.AngularJS模板功能强大丰富，自带了极其丰富的angular指令。

2.AngularJS是完全可扩展的，与其他库的兼容效果很好，每一个功能可以修改或更换，以满足开发者独特的开发流程和功能的需求。

3.AngularJS是一个比较完善的前端MVC框架，包含服务，模板，数据双向绑定，模块化，路由，过滤器，依赖注入等所有功能；

4.AngularJS是互联网巨人谷歌开发，这也意味着他有一个坚实的基础和社区支持。

缺点：

1、AngularJS强约束导致学习成本较高，对前端不友好。但遵守 AngularJS 的约定时，生产力会很高，对 Java 程序员友好。

2、AngularJS不利于SEO，因为所有内容都是动态获取并渲染生成的，搜索引擎没法爬取。

性能问题：AngularJS作为 MVVM 框架，因为实现了数据的双向绑定，对于大数组、复杂对象会存在性能问题。

 

 

 

 

 

备注：angularJs我也才刚刚学习，这文章内容大都摘自菜鸟教程，也有一些是其他博客、百度百科里面的内容，是我学习过程中觉得有用才摘录下来的，如有版权或者争议可留言

转载于:https://www.cnblogs.com/mandy-dyf/articles/6734228.html