胡伟杰

感谢作者分享。有个疑问，浏览器会一直处与重新render或者准备render的状态吗，耗时任务阻塞后续的render造成卡顿，首先要这个任务里有触发render的操作吧。还有最后说的事件处理处在同一个tick指的是什么意思呢？意思是onprogress的callback会一直占用js的excute context导致这一轮的tick一直卡着吗？

那如果在task里没有去主动触发layout的操作，浏览器还会进行16ms的刷新吗？这个时候的耗时task造成的卡顿，指的是页面uninteractive而不是画面显示卡顿吧？ 这篇文章我也拜读过。这边把页面渲染划分到了task任务里，但是whatwg的eventloop规范里一次tick是包括task microtask render(需要的情况下)，这边的render和你说的页面渲染是一个吗？ > 如果存在一个任务在 16ms 内未能执行结束，页面就会掉帧给人卡顿的感觉 这边说的意思理解起来就是浏览器每时每刻都在进行16ms的刷新操作，只要耗时任务开始了，就阻塞了。不知可是这样？

感谢大佬耐心解答。 不过还是有个疑惑点。浏览器的帧刷新是不是每秒都一直在进行呢，就好像显示器一样？对于task的划分，看起来就只要不是那几种的micro，就全都是macro，所以就会有前面的耗时长导致后面的卡？ > 16ms内paint没执行到就会丢帧 js里如果不涉及到dom的操作，就没有layout了吧，还会有paint卡顿吗？(也就是浏览器是不是会一直保持刷新)

楼主能说下 tick和loop是啥区别吗？

合了吗 有点卡

很关键的一篇文章，可惜的是码早就被用了~

看完了表示还是不能理解。有几个问题，大佬能不能解释一下 1.为什么同一个显示器高分辨率时候内容会变小 2.如果一张在普通显示器上显示正常的图片，在retina上大小会怎么变啊 3.还有啊，分辨率越高，图片应该是越模糊吧，按文中的理解怎么是越清晰呢

草榴网址换了么。。

好人一生平安

大佬也来抢码了 @mqyqingfeng