tip: 关于debugger的阻塞
以上内容纯属瞎编，各位看官请谨慎
T7浏览器内核（极速）是百度手机浏览器基于Blink研发的浏览内核，旨在大幅提升浏览器的网页加载速度及浏览的稳定性能，满足用户在搜索、浏览资讯、阅读小说、观看视频时对“快”的极致需求，同时降低了手机CPU的负载，减少浏览器能耗。
浏览器内核线程
1、GUI渲染线程：负责渲染页面，解析HTML,CSS,构建DOM树等，当页面重绘或者由于某种原因操作引起的回流都会调起该线程。
2、JS引擎线程：单线程工作，负责解析运行JavaScript脚本和GUI渲染线程互斥，JS运行耗时过长就会导致页面阻塞。
3、事件触发线程：当时间符合触发条件被触发时，该线程会把对应的事件回调函数添加到任务队列的队尾，等待JS引擎处理。
4、定时器触发线程：浏览器定时器并不是由JS引擎计数的，阻塞会导致计时不准确开启定时器触发线程来及时并触发计时。计算机完成后会被添加到任务队列中，等待JS引擎处理。
计算机代码中什么只能放在body里面不能放在script里面，通常我们在开发html时，通常将script标签放到body标签下面，那原因到底是为什么呢？js代码在载入完后，是立即执行的。
Document
var item = document.getElementById("item")
console.log(item)//null
我是html结构，我要展示到页面上！
通过这个简单的例子我们可以看到，js代码在加载完后，是立即执行的，执行完后，body才开始解析渲染，所以是找不到item，所以为null。
js代码执行时会阻塞页面渲染(由于GUI渲染线程和js引擎线程互斥。具体原理可以看这)
Document
while (true) {
console.log(1)
}
我是html结构，我要展示到页面上！
测试结果，浏览器一直处于加载过程，一会就卡死了。html整个结构(包括html标签)都无法渲染出来。js的下载和执行会阻塞Dom树的构建。
86250c123e53
1523429832(1).jpg
所以，我们一般采用以下方法
将所有的script标签放到页面底部，也就是body闭合标签之前，这能确保在脚本执行前页面已经完成了DOM树渲染。
如果放在上面，将js包裹在$(document).ready(function(){})或者$(function(){})里面
,或者window.οnlοad=function(){}里面。
具体这几句代码什么意思，可以看一下文章
ready和onload的区别
