html5引擎时序图
2018-08-19 18:00:36 9 举报
HTML5引擎时序图描述了HTML5文档从加载到渲染的整个过程。首先,用户通过浏览器输入URL请求页面,浏览器向服务器发送请求。服务器接收到请求后,返回HTML5文档和相关资源。浏览器收到响应后,开始解析HTML文档,构建DOM树。同时,浏览器启动网络线程加载CSS、JS等资源文件。当DOM树构建完成后,浏览器会触发”DOMContentLoaded”事件。接着,浏览器根据CSS样式计算布局,绘制页面元素。最后,当所有资源加载完成且页面渲染完成后,触发”load”事件。整个过程中,各个阶段之间可能存在依赖关系,需要按照顺序执行。
作者其他创作
大纲/内容
creator初始化各自的loader处理http请求
SuperPano.Modules.Creator这里指代各个模块的构建器构建器,即modules下的各个js如hotspot.js
creator初始化各自的2d、3d实体
构造器侦听到此事件,开始初始化各个模块的实体类new Creator();
此时可以理解为,js加载完毕,各个单例类和构造器类初始换完成的时刻
loadFlakePano
http请求到数据解析后,广播creator开始创建实体
loadPanoInfo
SuperPano
初始化RootContainer
SuperPano.init();初始化panorama
ModuleManager.setPanorama();
SuperPano.Panorama
SuperPano.Modules.Module.display这里指代各个模块的构造器创建的实体
SuperPano.ModuleManager
将三维实体加入到rootContainer
SuperPano.RenderManager
SuperPano.NetManager
SuperPano.Modules.Module这里指代各个模块的构造器创建的实体
RenderManager.addChild(module)
广播事件,bootComplete
SuperPano.Modules.Module.loader这里指各个模块中用户处理http的类
SuperPano.RootContainer
0 条评论
下一页