AngularJS之基础-1 简介(基本概念、环境搭建)

一、基本概念


软件设计原则

- 不论是桌面应用还是Web应用,在进行设计编码时应该遵守一定的设计原则

wKiom1cEyhKC_aVmAAC4TsrPTCI725.png


软件设计模式

- 设计模式

Design Pattern,是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问,设计模式用于已于他人于系统都是多赢的;设计模式使代码编制真正工程化;设计模式是软件工程的基石脉络,如同大厦的结构一样

- 23+1中设计模式

工厂模式、抽象工厂模式、建造者模式、原型模式、单例模式、适配器模式、桥接模式、组合模式、装饰模式、门面模式、享元模式、代理模式、职责链模式、命令模式、解析器模式、迭代器模式、中介模式、备忘录模式、观察者模式、状态模式、策略模式、模板模式、访问者模式、MVC模式


MVC设计模式

- Model:模型,项目中的数据
- View:视图,数据的呈现

- Controller: 控制器,获取模型数据,选择视图加以呈现

wKiom1cEzAXRSpcHAADG48QTD58191.png


AngularJS 简介

-AngularJS 诞生于2009年

- 由 Misko Hevery 等人创建

- 后为Google所收购

wKioL1cEzWzyClGrAAAqIyYoX-Q046.png

-AngularJS 是一个 JavaScript 框架

- 致力于开发单页面应用程序(Single Page Application)

- 易于构建页面CRUD操作

wKioL1cEzZLzdc2GAALdwNvJ6no515.png


二、环境搭建


脚本引用

- angular.js

- angular-resource.js

- angular-route.js

wKiom1cEzUTxocO4AAB4GPWkOKI440.png


页面测试

- 在页面中测试AngularJS 是否正常工作

- 使用ng-app指定作用域

- 使用表达式输出

- <span>12+3 = {{ 12+3 }}</span>

wKioL1cEzlrinT5JAAAQK7fu7DI683.png


总结:本章内容主要介绍了 AngularJS简介(基本概念、环境搭建)

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...