2018-06-05

作者: 杨小样儿2013 | 来源:发表于2018-06-05 15:58 被阅读0次
类库 - 一些在开发WEB应用时非常有用的函数的集合。你的代码起主导作用,并且决定何时调用类库的方法。例如:jQuery等。
框架 - 一种WEB应用的特殊实现,你的代码只需要填充一些具体信息。框架起主导作用,并且决定何时调用你的代码。例如:knockout, ember等。
对于像游戏和有图形界面的编辑器之类的应用,会进行频繁且复杂的DOM操作,和CRUD应用不同。因此,可能不适合用Angular来构建。在这种场景下,使用更低抽象层次的类库可能会更好,例如:jQuery。

Angular是建立在这样的信念之上的:即声明式的代码用在构建用户界面和组装软件组件时更好,而命令式的代码更擅长展现业务逻辑。

<!doctype html>
<html ng-app="optionalModuleName">
<body>
I can add: 3.
<script src="angular.js"></script>
</body>
</html>

<!doctype html>
<html xmlns:ng="http://angularjs.org">
<body>
Hello World!
<script src="http://code.angularjs.org/angular.js"></script>
<script>
angular.element(document).ready(function() {
angular.module('myApp', []);
angular.bootstrap(document, ['myApp']);
});
</script>
</body>
</html>

以下是你的 Angular 代码运行时遵循的顺序:
  1. 在HTML页面以及所有代码加载完毕后,Angular 会去找到应用的根元素(通常是文档的根节点)

  2. 调用 api/angular.bootstrap编译 各元素成为一个可执行的且双向绑定的应用

通过自定义指令访问DOM**: 对于Angular,一个程序中唯一允许接触DOM的地方就是“指令”。之所以这样要求,是因为需要访问DOM的代码难以进行自动化测试。 如果你需要直接访问DOM,那么你就应该为此写一个自定义指令。在 指令指南一章中详细解释了该怎样实现自定义指令。
Angular提供了动态(live)的绑定: 当input元素的值变化的时候,表达式的值也会自动重新计算,并且DOM所呈现的内容也会随着这些值的变化而自动更新。 这种模型(model)与视图(view)的联动就叫做“双向数据绑定”。

相关文章

网友评论

    本文标题:2018-06-05

    本文链接:https://www.haomeiwen.com/subject/fzapsftx.html