chrome
文章平均质量分 92
丢丢的大神
心中有沟壑,下笔如有神,天道酬勤。
展开
-
前端页面性能指标与采集方式
前端页面性能指标与采集方式 </h1> <div class="clear"></div> <div class="postBody"> <div id="cnblogs_post_description" style="display: none"> 主要用于测试html的页面性能采集。介绍了传统的性能指标和采...转载 2021-08-26 09:37:47 · 1078 阅读 · 0 评论 -
requestAnimation -- 动画?
动画???动画就是间隔一段进行进行一个操作.一般常用的动画处理模式有早期的定时器: setTimeout , setInterval后续 css3 带来了一个新的动画过度属性 transition.对于 transition 能实现动画很好的过度效果,这没有什么可说的.但是对于 setTimeout , setInterval 来言. 虽然定时了,但可能执行的时机并不准确.为什么?这就要提高 JavaScript 的 EventLoop 了.在浏览器 JavaScript 的执行环境是单线原创 2021-08-19 10:18:43 · 1594 阅读 · 0 评论 -
完爆scroll事件,交叉观察器 IntersectionObserver 在千万级PV页面中的应用实践 (转载)
IntersectionObserver 介绍 概念 IntersectionObserver接口(从属于Intersection Observer API)为开发者提供了一种可以异步监听目标元素与其祖先或视窗(viewport)交叉状态的手段。祖先元素与视窗(viewport)被称为根(root)。 功能 网页开发时,常常需要判断某个元素是否进入了"视口"(viewport),即用户能不能看...转载 2021-08-09 13:16:07 · 823 阅读 · 0 评论 -
MutationObserver、IntersectionObserver、ResizeObserver (转载)
前言 阅读本文你可以获取到以下3个知识点 通过原生javascript的API 监听DOM元素的改变(文字、大小、背景等等)监听DOM元素之间是否相交等信息监听DOM元素大小改变,基本可以放弃全局监听window.rize了 动动小手,先点赞再观看???????????? MutationObserver MutationObserver 创建一个观察器,提供了对监视DOM树更改的能力,是DOM3 Events规范的一部分...转载 2021-08-09 13:08:12 · 2043 阅读 · 0 评论