定时器详解和应用、js加载阻塞、css加载阻塞

定时器详解和应用、js加载阻塞、css加载阻塞

1.setTimeout()、setInterval()详解和应用

1.1 详解： setTimeout、setInterval执行时机

1.2 存在问题： setInterval重复定时器可能存在的问题、解决方案

1.3 应用： Yeilding Processes（进程暂停）

​ 运行在浏览器中的JavaScript都被分配了一个确定数量的资源，不同于桌面应用往往能够随意控制他们要的内存大小和处理时间，Javascript被严格限制了，以防止恶意的Web程序员吧用的计算机搞挂了，其中一个限制是长时间运行脚本的制约，如果代码运行超过特定时长或者特定数量的语句就不让它继续执行，询问是允许其继续执行还是停止它。所有JavaScript开发人员的目标就是，确保用户永远不会再浏览器中看到这个令人费解的对话框。定时器是绕开此限制的方法之一

​ 脚本运行时间长的2个原因：

​ 1.过长的、过深嵌套的函数调用；

​ 2.进行大量处理的循环；

​ 这2种后者较为容易的被解决

​ 进行大量处理的循环：

​ 使用这种方式必须满足的要求：

​ 1.该处理不是必须同步完成

​ 2.数据不是必须按顺序完成

​ 解决方案：数组分块

function chunk(arr, process, context){
    setTimeout(function () {
        var item = arr.shift()
        process.call(context, item)
        if(arr.length > 0){