<article class="_2rhmJa"><h3>threejs中如何更改动画运动的频率？</h3> <h4>方式一：</h4> <p>更改render函数中物体运动的x，y，z值，大则快，小则慢。</p> <h4>方式二：这种方式 ...

<article class="_2rhmJa"><h2>本文简介</h2> <p>这次要讲的是 <strong>4个 “摆正” 元素的方法</strong>，这是我工作中遇到的场景。</p> <p>我不知道 <code>straighte ...

<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 ...

<article class="_2rhmJa"><p>应该有很多前端开发人员都思考过这么一个问题：从输入 URL 到页面加载完成，中间都做发生了什么?</p> <p>这个问题涉及的面非常广，每个涉及的点又很深入。从触屏/键盘如何到 CPU ...

<h2 id="1">1 引言</h2> <p>Error Boundaries 是 React16 提出来用来捕获渲染时错误的概念，今天我们一起读一读 <a href="https://alligator.io/react/error-b ...

<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 ...

<h1 id="1">1. 引言</h1> <p>这次介绍的文章是 <a href="https://philippspiess.com/scheduling-in-react/">scheduling-in-react</a>，简单来说就 ...

<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>掌握浏览器的渲染优化，可以说是前端工程师的一个分水岭。如果想要具备架构师的思维，需要达到什么样的 ...