AngularJS的加载执行过程
2015-08-26 19:13
435 查看
1. HTML页面的加载,这会触发加载页面包含的所有JS (包括 AngularJS)
2. AngularJS启动,搜寻所有的指令(directive)
3. 找到ng-app,搜寻其指定的模块(Module),并将其附加到ng-app所在的组件上。
4. AnguarJS遍历所有的子组件,查找指令和bind命令
5. 每次发现ng-controller或者ng-repeart的时候,它会创建一个作用域(scope),这个作用域就是组件的上下文。作用域指明了每个DOM组件对函数、变量的访问权。
6. AngularJS然后会添加对变量的监听器,并监控每个变量的当前值。一旦值发生变化,AngularJS会更新其在页面上的显示。
7. AngularJS优化了检查变量的算法,它只会在某些特殊的事件触发时,才会去检查数据的更新,而不是简单地在后台不停地轮询。
2. AngularJS启动,搜寻所有的指令(directive)
3. 找到ng-app,搜寻其指定的模块(Module),并将其附加到ng-app所在的组件上。
4. AnguarJS遍历所有的子组件,查找指令和bind命令
5. 每次发现ng-controller或者ng-repeart的时候,它会创建一个作用域(scope),这个作用域就是组件的上下文。作用域指明了每个DOM组件对函数、变量的访问权。
6. AngularJS然后会添加对变量的监听器,并监控每个变量的当前值。一旦值发生变化,AngularJS会更新其在页面上的显示。
7. AngularJS优化了检查变量的算法,它只会在某些特殊的事件触发时,才会去检查数据的更新,而不是简单地在后台不停地轮询。
相关文章推荐
- AngularJS 学习笔记值post传值
- 【转】Angularjs Controller 间通信机制
- asp.net mvc中用angularJs写的增删改查的demo。初学者,求指点。。
- Angular directive实践($compile , ngModel ...)
- ionic+AngularJS欢迎引导界面
- 深入理解 AngularJS 的 Scope
- 一个Angularjs实际项目的开发历程微博
- angularjs 前端传递人员验证信息给后台
- AngularJS学习笔记(1)
- [Angular 2] 8. Better ES5 Code
- angularJs学习笔记
- AngularJs中Factory和Service和Provide不同(写得很好)
- angularJS中的ng-click和ng-change
- angularjs 入门编写
- ZH奶酪:AngularJS/JavaScript上传图片【PC端】
- AngularJs学习总结
- angularjs中动态为audio绑定src
- angular checkbox 全选和反选功能
- angularjs ng-repeat下验证问题
- Angular内置指令