浏览器加载外部js 的顺序,以及处理顺序。
2016-04-21 13:43
627 查看
问题, 有事候按F12打开 google的调试台后,查看network下面加载过来的资源是, 有些资源的状态处于 pending..
个人理解: 浏览器是可以同时开启多个http 请求去加载外部的资源的, 我们讨论浏览器同时加载 2 个外部的javascript 文件的情况。
当浏览器同时开启两个线程去加载外部的两个 js 文件时 ,都加载完成之后, 肯定是有先后顺序的, 这时加载完成的 js 文件要给 浏览器内
的 javascript 解释器执行, 我们知道,js 解释器是单线程的,所以虽然两个文件都加载完成了, 当先加载完成的那个 js 文件还在被 js 解释器
执行的时候, 另外一个 js 文件虽然基本上已经 加载完成了(这个有时间抓包,看看文件是不是有通过http响应已经拿回到浏览器了!验证一下) ,
但还是处于 pending 状态, 当前面那个 先加载处理完成的 js 文件被 js 解释器执行完成的时候, 这个 js 文件的状态立即 变成 “http 200 ok”状态!!
个人理解!
个人理解: 浏览器是可以同时开启多个http 请求去加载外部的资源的, 我们讨论浏览器同时加载 2 个外部的javascript 文件的情况。
当浏览器同时开启两个线程去加载外部的两个 js 文件时 ,都加载完成之后, 肯定是有先后顺序的, 这时加载完成的 js 文件要给 浏览器内
的 javascript 解释器执行, 我们知道,js 解释器是单线程的,所以虽然两个文件都加载完成了, 当先加载完成的那个 js 文件还在被 js 解释器
执行的时候, 另外一个 js 文件虽然基本上已经 加载完成了(这个有时间抓包,看看文件是不是有通过http响应已经拿回到浏览器了!验证一下) ,
但还是处于 pending 状态, 当前面那个 先加载处理完成的 js 文件被 js 解释器执行完成的时候, 这个 js 文件的状态立即 变成 “http 200 ok”状态!!
个人理解!
相关文章推荐
- JavaScript转换与解析JSON的方法
- js/web 日程管理 插件
- swiperLeft/swiperRight以及js长按事件
- JavaScript 对象
- 60行JS实现俄罗斯方块
- javascript深入理解js闭包
- javascript textContent与innerText的异同分析
- JS HTML DOM
- js 控制frame的元素
- (礼拜四log)点击某元素外的时候,该元素隐藏的办法
- javaScript学习思维导向图
- moment.js
- js数组基本知识
- Angular.js中使用$watch监听模型变化
- 关于js的函数重载的问题
- javascript与浏览器学习(一)
- JS实现简单面向对象的颜色选择器实例
- javascript中字符和ascii互换
- jsp中四种范围变量
- javascript常见数字进制转换实例分析