浏览器原理
4篇文章 · 0订阅
  • setTimeout和requestAnimationFrame
    答案：输出 2 , 1。 JavaScript语言的一大特点就是单线程，也就是说，同一时间只能做一件事，前面的任务没做完，后面的任务只能等着。 这主要与JavaScript用途有关。它的主要用途是与用户互动，以及操作DOM。如果JavaScript是多线程的，会带来很多复杂的问…
    JavaScript
  • 前端动画必知必会：React 和 Vue 都在用的 FLIP 思想实现小姐姐流畅移动。
    乍一看，让我们手写出这个逻辑应该是非常复杂的，先看看本文最后要实现的效果吧，和这个案例是非常类似的。 图片素材依然引用自知乎问题《有个漂亮女朋友是种怎样的体验？》，侵删。 拿到了这个需求，第一直觉是怎么做？假设第一行第一个图片移动到了第二行第三列，是不是要计算出第一行的高度，再…
    Vue.js JavaScript
  • 深入解析你不知道的 EventLoop 和浏览器渲染、帧动画、空闲回调（动图演示）
    resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame，你可能在做一些需求的时候想到了 requestIdleCallback，但是你不知道…
    JavaScript 面试
  • 浏览器层合成与页面渲染优化
    Web 页面性能是前端开发特别需要关注的重点，评判前端 Web 页面性能的指标有很多，页面的流畅度是其中的一种，如何让页面变得 “柔顺丝滑”，要讨论起来可就是个相当有料的话题了。之前开发移动端 H5 页面的时候，就遇到过一个有趣的性能问题 —— 某个卖场页面在 IOS 手机上出…
    性能优化