关于JavaScript，大家要牢记一点：它阻塞。

想象一下，浏览器里有一个进程小精灵，负责处理一切。渲染HTML、响应菜单命令、绘制屏幕、处理鼠标点击、运行JavaScript函数……。跟我们人一样，这个小精灵每次只能做一件事。如果一次交给它很多任务，那么就会有一个待办事项列表，小精灵按顺序一项一项去处理。

小精灵在碰到script标签或者要运行JavaScript函数时，会停下其他任务。下载代码（必要时）然后立即运行，之后才会触发其他事件 ，以及渲染页面。这是必要的，因为脚本几乎什么都可能做：加载更多代码、删除DOM元素、重定向URL，等等。就算有两个甚至更多小精灵，那其他小精灵也需要在首次处理代码时停下来。这就是阻塞。这也是为什么运行时间过长的脚本会导致浏览器无响应的原因。

居中一直是CSS中被抱怨的典型。为什么实现起来这么辛苦？所以有人被嘲笑。我觉得问题不是没有办法做到，只是视情况而定，有很多不同方式，但是很难弄清楚应该用何种方式。

因此我写了这篇文章，希望能把他变得容易点。