框架
25篇文章 · 0订阅
  • 浏览器: 深入理解requestAnimationFrame优化js运行时
    先有问题再有答案 requestAnimationFrame是什么？ rAF是在当前帧执行还是在下一帧执行？ rAF在一帧的执行时机是什么 和js任务, 渲染流程什么关系？ 如何利用rAF实现一个ne
    前端 浏览器 性能优化
    浏览器: 深入理解requestAnimationFrame优化js运行时
  • 「浏览器工作原理」写给女友的秘籍-渲染流程篇（1.1W字）
    想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 「这篇文章准备梳理一下渲染流程，也就是浏览器是怎么把HTML，CSS，JS，图片等资源最后显示漂亮的页面。」 「这篇主要是…
    浏览器
    「浏览器工作原理」写给女友的秘籍-渲染流程篇（1.1W字）
  • ✊构建浏览器工作原理知识体系（浏览器内核篇）
    为什么你觉得偶尔看浏览器的工作原理，但总是忘呢😵‍💫，因为你没有形成一个完整的知识网络，你的记忆是碎片化的。正如人的神经网络，只有当你的记忆相互依赖，相互链接，才能形成长期稳定的记忆
    V8 浏览器
    ✊构建浏览器工作原理知识体系（浏览器内核篇）
  • 浏览器专题系列 - 事件循环机制
    单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着 javascript语言的设计者意识到，这时主线程完全可以不管IO设备，挂起处于等待中的任务，先运行排在后面的任务。等到IO设备返回了结果，再回过头，把挂起…
    浏览器
  • 浏览器专题系列 - 渲染原理
    1. 构建对象模型 令牌化：浏览器将字符串转换成 W3C HTML5 标准规定的各种令牌，例如，<html>、<body>，以及其他尖括号内的字符串。每个令牌都具有特殊含义和一组规则 浏览器每次处理 HTML 标记时，都会完成以上所有步骤：将字节转换成字符，…
    浏览器
  • 前端性能优化 - 提升 LCP（Largest Contentful Paint）
    LCP 是 Core Web Vitals 的三个关键指标之一，是 Google 用于评估网页用户体验的标准之一。LCP 时间应在 2.5 秒以内。如果 LCP 超过 4 秒，则需要进行优化。
    前端 性能优化
    前端性能优化 - 提升 LCP（Largest Contentful Paint）
  • 为什么react需要fiber&时间分片而vue没有？听听尤大怎么说
    本文根据2019年GitHub上尤大回复原文_rfcs 的讨论和自己的一些思考总结而来。 先有问题再有答案 为什么react需要fiber时间分片而vue没有? 为什么react在开发中要手动实现优化
    面试 Vue.js React.js
  • 阿里三面：灵魂拷问——有react fiber，为什么不需要vue fiber呢？
    本文将从两个框架的响应式设计为切入口讲清：1. 为什么不需要vue fiber；2. 为什么react fiber可以实现断点恢复，不涉及晦涩源码，不管有没有使用过react，阅读都不会有太大阻力。
    React.js 前端框架 前端
    阿里三面：灵魂拷问——有react fiber，为什么不需要vue fiber呢？
  • React Fiber很难？六个问题助你理解 React Fiber
    React Fiber 是Facebook花费两年余时间对 React 做出的一个重大改变与优化，是对 React 核心算法的一次重新实现。
    前端 React.js
    React Fiber很难？六个问题助你理解 React Fiber
  • React Fiber
    协调和渲染被设计为两个独立的阶段。 协调器负责计算React元素树的哪些部分已更改，协调算法也通常被称为diff算法。 在React 15及更早的版本，一直是采用的Stack reconciler，协调器基于堆栈实现。而Fiber架构则重新实现了协调器，从React 16开始，…
    React.js