【第21期】观点:人工智能到底用 GPU?还是用 FPGA?

angularJS基于WEB的静态页面模板

转载 2015年07月06日 16:36:51

中文网:http://www.apjs.net/

API:http://docs.angularjs.cn/api

官方网站:http://angularjs.org

以下来源于:http://www.oschina.net/p/angularjs

Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏览器,与 jQuery 配合良好。


数据绑定可能是AngularJS最酷最实用的特性。它能够帮助你避免书写大量的初始代码从而节约开发时间。一个典型的web应用可能包含了80%的代码用来处理,查询和监听DOM。数据绑定使得代码更少,你可以专注于你的应用。

传统来说,当model变化了。 开发人员需要手动处理DOM元素并且将属性反映到这些变化中。这个一个双向的过程。一方面,model变化驱动了DOM中元素变化,另一方面,DOM元素的变化也会影响到Model。这个在用户互动中更加复杂,因为开发人员需要处理和解析这些互动,然后融合到一个model中,并且更新View。这是一个手动的复杂过程,当一个应用非常庞大的时候,将会是一件非常费劲的事情。

特性二:模板

在AngularJS中,一个模板就是一个HTML文件。但是HTML的内容扩展了,包含了很多帮助你映射model到view的内容。

HTML模板将会被浏览器解析到DOM中。DOM然后成为AngularJS编译器的输入。AngularJS将会遍历DOM模板来生成一些指导,即,directive(指令)。所有的指令都负责针对view来设置数据绑定。

我们要理解AuguarJS并不把模板当做String来操作。输入AngularJS的是DOM而非string。数据绑定是DOM变化,不是字符串的连接或者innerHTML变化。使用DOM作为输入,而不是字符串,是AngularJS区别于其它的框架的最大原因。使用DOM允许你扩展指令词汇并且可以创建你自己的指令,甚至开发可重用的组件。

特性三:MVC

针对客户端应用开发AngularJS吸收了传统的MVC基本原则。MVC或者Model-View-Controll设计模式针对不同的人可能意味不同的东西。AngularJS并不执行传统意义上的MVC,更接近于MVVM(Model-View-ViewModel)。

特性四:依赖注入(Dependency Injection,即DI)

AngularJS拥有内建的依赖注入子系统,可以帮助开发人员更容易的开发,理解和测试应用。

DI允许你请求你的依赖,而不是自己找寻它们。比如,我们需要一个东西,DI负责找创建并且提供给我们。

特性五:Directives(指令)

指令是我个人最喜欢的特性。你是不是也希望浏览器可以做点儿有意思的事情?那么AngularJS可以做到。
指令可以用来创建自定义的标签。它们可以用来装饰元素或者操作DOM属性。


s


举报

相关文章推荐

html静态页面转angular动态页面

1.先创建一个静态HTML页面模板,然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。 2.对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模式解耦代码和...

angular模板加载 ----ng-template

Angularjs作为mvc(或者说mvvm)框架,同样具备模板这一基本概念。 NG加载模板的顺序为 内存加载---AJAX加载。 如果排版乱掉,请查阅https://www.zybulu...
  • yczz
  • yczz
  • 2015-09-09 14:53
  • 12230

Angularjs开发模板

前言 Angularjs相对来说算是上手难度较大的框架之一,官方提供的angular-seed自觉不够好用,对新手也非常不友好,所以才会自己搞angular-boilerplate出来,无论是用以学...

一款基于angularjs、bootstrap免费的后台模板blur-admin使用

官网:https://akveo.github.io/blur-admin/ github:https://github.com/akveo/blur-admin 安装:https://akveo.g...

AngularJS-模板和数据绑定

您可自由转发此文, 但请保留出处:Ionic在线学习网站  http://www.ioniconline.com 数据绑定是AngularJS最大的特色。在Angular中,视图和模型的数据不仅...

利用AngularJS中ng-include实现静态HTML头文件和尾文件导入

今天给大家介绍一下如何利用AngularJS中ng-include实现静态HTML头文件和尾文件导入。 其实特别简单,第一步先引入AngularJS的js文件、第二步在body处设置一个ng-app...

angularjs中实现页面加载动效

在与后台的交互过程中,有可能对在请求和响应过程过发生的问题进行捕获处理(如每次请求数据实现加载动画)。Angular为我们提供了$http拦截器来实现上述需求。 什么是拦截器? 拦截器就是...
  • donggx
  • donggx
  • 2017-04-19 09:37
  • 1248

AngularJs 刷新页面

AngularJs 刷新页面可采用下面的方式:首先先在控制器中注册$window,然后定义函数$scope.reloadRoute,在需要刷新页面的地方调用函数$scope.reloadRoute即可...

angularjs 页面跳转

angularjs 页面跳转,对于click事件触发页面跳转,这样比用ui-uref好控制里面写业务操作。 之前一直用a标签的跳转,但是,现在遇到需要点击按钮然后提示信息后,在触发跳转页面,只能用这种...

【一起学AngularJS】第三章、静态模版

同步自:http://www.tbwood.cn/articles/2016/03/07/1457322390421.html
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)