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

发布时间:2019-11-09 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了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之基础-1 简介(基本概念、环境搭建)全部内容,希望文章能够帮你解决AngularJS之基础-1 简介(基本概念、环境搭建)所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。

脚本之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ” ,选择关注!
精选程序员所需精品干货内容!

标签: