关键字:requestAnimationFrame
  • threejs之利用requestAnimationFrame降低动画频率
    <article class="_2rhmJa"><h3>threejs中如何更改动画运动的频率?</h3> <h4>方式一:</h4> <p>更改render函数中物体运动的x,y,z值,大则快,小则慢。</p> <h4>方式二:这种方式 ...
  • Fabric.js 摆正元素的4种方法(带过渡动画)
    <article class="_2rhmJa"><h2>本文简介</h2> <p>这次要讲的是 <strong>4个 “摆正” 元素的方法</strong>,这是我工作中遇到的场景。</p> <p>我不知道 <code>straighte ...
  • requestAnimationFrame 执行机制探索
    <article class="_2rhmJa"><h1>requestAnimationFrame 执行机制探索</h1> <p>[TOC]</p> <h2>什么是 requestAnimationFrame</h2> <p><code> ...
  • 前端性能优化大纲
    <article class="_2rhmJa"><h2>性能指标</h2> <p>FP (First Paint) 首次绘制<br/> FCP (First Contentful Paint) 首次内容绘制<br/> FMP(First ...
  • 简略图解:输入 url 到出现页面,浏览器做了什么?
    <article class="_2rhmJa"><p>应该有很多前端开发人员都思考过这么一个问题:从输入 URL 到页面加载完成,中间都做发生了什么?</p> <p>这个问题涉及的面非常广,每个涉及的点又很深入。从触屏/键盘如何到 CPU ...
  • 精读《React Error Boundaries》
    <h2 id="1">1 引言</h2> <p>Error Boundaries 是 React16 提出来用来捕获渲染时错误的概念,今天我们一起读一读 <a href="https://alligator.io/react/error-b ...
  • 精读《怎么用 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 ...
  • 精读《Scheduling in React》
    <h1 id="1">1. 引言</h1> <p>这次介绍的文章是 <a href="https://philippspiess.com/scheduling-in-react/">scheduling-in-react</a>,简单来说就 ...
  • 精读《2017 前端性能优化备忘录》
    <p>本期精读的文章是:<a href="https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/">Front End ...
  • 浏览器的渲染优化
    <h2 id="_1">浏览器的渲染机制</h2> <p>我们需要先理解浏览器的渲染经历了哪些过程,才能有针对性的进行相关优化。</p> <p>掌握浏览器的渲染优化,可以说是前端工程师的一个分水岭。如果想要具备架构师的思维,需要达到什么样的 ...

暂无数据