WEB前端大师课
文章平均质量分 79
WEB前端大师课
七@归七
这个作者很懒,什么都没留下…
展开
-
05_属性描述符
在定义对象、定义属性时,我们曾经介绍过属性描述符,属性描述符实际上就是一个对象。设置一个对象的属性只读不能修改。原创 2023-11-27 15:40:08 · 502 阅读 · 2 评论 -
03_歌词滚动效果
【代码】03_歌词滚动效果。原创 2023-11-27 14:07:39 · 713 阅读 · 0 评论 -
02_原理-浏览器渲染原理
reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后,需要重新计算布局树,会引发 layout。为了避免连续的多次操作导致布局树反复计算,浏览器会合并这些操作,当 JS 代码全部完成后再进行统一计算。所以,改动属性造成的 reflow 是异步完成的。也同样因为如此,当 JS 获取布局属性时,就可能造成无法获取到最新的布局信息。浏览器在反复权衡下,最终决定获取属性立即 reflow。repaint 的本质就是重新根据分层信息计算了绘制指令。原创 2023-11-27 09:45:47 · 845 阅读 · 0 评论 -
01_原理-事件循环
每个任务都有一个任务类型,同一个类型的任务必须在一个队列,不同类型的任务可以分属于不同的队列。3.按照W3C的标准,浏览器实现计时器时,如果嵌套层级超过5层,则会带有4毫秒的最少时间,这样在计时时间少于4毫秒时又带来了偏差。2.操作系统的计时函数本身就有少量偏差,由于JS的计时器最终调用的是操作系统的函数,也就携带了这些偏差。根据W3C官方的解释,每个任务有不同的类型,同类型的任务必须在同一个队列,不同的任务可以属于不同的。不同任务队列有不同的优先级,在一次事件循环中,由浏览器自行决定取哪一个队列的任务。原创 2023-11-24 14:53:54 · 1174 阅读 · 0 评论