html页面加载原理和浏览器应用程序交互原理
- html加载原理
a 浏览器下载html页面
b 解析html为dom树
c 逐个处理标签,有可能需要下载其他文件(图片,css,js等)
d css处理为相应的语义的树
e 处理js的时候,直接执行。期间,js可能执行任意的逻辑。在所有的逻辑中,浏览器只关注2个模型的变动:对css的变更和对dom的变更。或者说js和浏览器交互的介质是css语义树和dom树。对这2个的变更可能导致浏览器重新渲染页面
f 整个页面渲染完成
- html 应用程序交互原理(基于事件的应用程序,标准的gui)
整个页面的浏览器对象,dom对象共同的构成了浏览器的交互界面。所有的html标签都是一个组件,都有相应的功能,有相应的数据和方法。整个交互和的过程是基于事件的应用程序。而js脚本基本上是事件的处理器,但是也可以产生新的事件。