关键字:requestAnimationFrame
threejs之利用requestAnimationFrame降低动画频率
<article class="_2rhmJa"><h3>threejs中如何更改动画运动的频率?</h3> <h4>方式一:</h4> <p>更改render函数中物体运动的x,y,z值,大则快,小则慢。</p> <h4>方式二:这种方式 ...
分类:
阅读:444
发布时间:2022-04-14 06:31:46
Fabric.js 摆正元素的4种方法(带过渡动画)
<article class="_2rhmJa"><h2>本文简介</h2> <p>这次要讲的是 <strong>4个 “摆正” 元素的方法</strong>,这是我工作中遇到的场景。</p> <p>我不知道 <code>straighte ...
分类:
阅读:511
发布时间:2022-01-29 06:31:43
requestAnimationFrame 执行机制探索
<article class="_2rhmJa"><h1>requestAnimationFrame 执行机制探索</h1> <p>[TOC]</p> <h2>什么是 requestAnimationFrame</h2> <p><code> ...
分类:
阅读:787
发布时间:2021-11-13 06:31:40
前端性能优化大纲
<article class="_2rhmJa"><h2>性能指标</h2> <p>FP (First Paint) 首次绘制<br/> FCP (First Contentful Paint) 首次内容绘制<br/> FMP(First ...
分类:
阅读:732
发布时间:2021-09-08 21:13:10
简略图解:输入 url 到出现页面,浏览器做了什么?
<article class="_2rhmJa"><p>应该有很多前端开发人员都思考过这么一个问题:从输入 URL 到页面加载完成,中间都做发生了什么?</p> <p>这个问题涉及的面非常广,每个涉及的点又很深入。从触屏/键盘如何到 CPU ...
分类:
阅读:609
发布时间:2021-08-28 09:29:29
精读《React Error Boundaries》
<h2 id="1">1 引言</h2> <p>Error Boundaries 是 React16 提出来用来捕获渲染时错误的概念,今天我们一起读一读 <a href="https://alligator.io/react/error-b ...
分类:
阅读:586
发布时间:2021-08-21 18:35:51
精读《怎么用 React Hooks 造轮子》
<h2 id="1">1 引言</h2> <p>上周的 <a href="https://github.com/dt-fe/weekly/blob/master/79.%E7%B2%BE%E8%AF%BB%E3%80%8AReact%20H ...
分类:
阅读:872
发布时间:2021-08-21 18:35:48
精读《Scheduling in React》
<h1 id="1">1. 引言</h1> <p>这次介绍的文章是 <a href="https://philippspiess.com/scheduling-in-react/">scheduling-in-react</a>,简单来说就 ...
分类:
阅读:601
发布时间:2021-08-21 18:35:47
精读《2017 前端性能优化备忘录》
<p>本期精读的文章是:<a href="https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/">Front End ...
分类:
阅读:1175
发布时间:2021-08-21 18:35:41
浏览器的渲染优化
<h2 id="_1">浏览器的渲染机制</h2> <p>我们需要先理解浏览器的渲染经历了哪些过程,才能有针对性的进行相关优化。</p> <p>掌握浏览器的渲染优化,可以说是前端工程师的一个分水岭。如果想要具备架构师的思维,需要达到什么样的 ...
分类:
阅读:579
发布时间:2021-08-15 16:07:46
暂无数据
1
2
3
4
专题推荐
推荐阅读
1
老爸跟小叔来玩了一个星期
阅读:70
发布时间:2024-11-13 21:54:58