详细的介绍了AngularJS的执行过程
首先,开始阶段我们都知道,当浏览器加载一个HTML网页,它将首先解析HTML页面的DOM树,然后加载的每个元素在DOM树的节点之一。我们可以认为AngularJS是一个jQuery类似js库,我们标记为HTML,然后角将作为一个普通的DOM的浏览器节点等待解析,当浏览器解析到这个节点,这是一个js文件,那么浏览器会停止解析剩余的DOM节点,开始JS(角。JS),角将设置一个事件侦听器来监视浏览器的domcontentloaded事件。当角听这个事件,角的应用开始。
二、初始化阶段
当角开始,它会寻找NG程序指令,然后初始化一系列必要的组件(即美元美元美元和注射器,编译服务rootscope),然后再对DOM树。
三、编译、链接
元编译服务通过遍历DOM树搜索带有声明性指令的DOM元素。当遇到DOM元素时有一个或多个指令,它将根据指令的优先优先级对这些指令进行排序,然后使用注入器服务来查找和收集指令的编译函数并执行它们。
在运行每个节点的编译方法之后,$编译服务调用链接函数。这个链接函数是监视绑定到封闭范围的指令设置。
最后,当编译服务完成后,运行准备就绪的AngularJS。
四。运行阶段
角提供了它自己的事件循环,指令本身注册事件监听器,当事件触发时,指令功能运行在$消化循环的AngularJS.美元消化循环将等待美元监视表达式列表。当检测到模型的变化时,它将调用$表函数,然后再次查看表,以确保没有更改模型。
一旦$循环周期稳定,并且没有检测到潜在的变化,执行过程将离开角上下文,通常返回到浏览器,DOM将在这里呈现。
上述过程的关键步骤被绘制到地图中,如下所示:
以上是对AngularJS实现过程的详细介绍,其次是继续梳理相关信息,谢谢你站的支持。