html页面加载原理和浏览器应用程序交互原理

html页面加载原理和浏览器应用程序交互原理

1. html加载原理

a 浏览器下载html页面
b 解析html为dom树
c 逐个处理标签，有可能需要下载其他文件（图片，css，js等）
d css处理为相应的语义的树
e 处理js的时候，直接执行。期间，js可能执行任意的逻辑。在所有的逻辑中，浏览器只关注2个模型的变动：对css的变更和对dom的变更。或者说js和浏览器交互的介质是css语义树和dom树。对这2个的变更可能导致浏览器重新渲染页面
f 整个页面渲染完成

---

1. html 应用程序交互原理（基于事件的应用程序，标准的gui）
   整个页面的浏览器对象，dom对象共同的构成了浏览器的交互界面。所有的html标签都是一个组件，都有相应的功能，有相应的数据和方法。整个交互和的过程是基于事件的应用程序。而js脚本基本上是事件的处理器，但是也可以产生新的事件。