⁣React 的工作流程是什么？我们可以在哪些阶段进行性能优化呢？ 如果 React 项目中出现了卡顿，我们可以采用哪些性能优化技巧？ 如何通过 React Profiler 定位性能问题？

当我们在浏览器地址栏输入一个合法的url时，浏览器首先进行DNS域名解析，拿到服务器IP地址后，浏览器给服务器发送GET请求，等到服务器正常返回后浏览器开始下载并解析html。这里仅总结浏览器解析html的过程。 html页面主要由dom、css、javascript等部分构成…

1. XMLHttpRequest对象 现代浏览器，最开始与服务器交换数据，都是通过XMLHttpRequest对象。它可以使用JSON、XML、HTML和text文本等格式发送和接收数据。 在后台向服务器发送数据。 使用起来也比较繁琐，需要设置很多值。 早期的IE浏览器有自己…

前端的页面性能优化是每个前端工程师都逃脱不了的话题，因为用户体验是我们永恒的目标。这篇文章我会从性能指标出发，在网络资源优化和页面渲染优化这两个角度，总结一下个人对前端页面性能优化的相关知识的学习

JavaScript 本身是一门弱类型语言，这意味着 JavaScript 变量没有预先确定的类型。变量当前的类型由其值所决定，也许上一秒种的string，下一秒可能就是个array。

提到js的隐式转换，很多人第一反应都是：坑。 的确，对于不熟悉的人来说，js隐式转换存在着很多的让人无法预测的地方，相信很多人都深受其害，所以，大家在开发过程中，可能会使用===来尽量避免隐式转换。但是，为了更加深入的理解javascript，本着对知识渴望的精神，我们来通过大…

这是前端性能优化系列的文章，讲述一下市面上常见的前端长列表滚动性能优化的方案，并提供各个框架的实现策略，供大家参考！

可能大家都知道，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？接下来，我们就一起来分析一下。 那么为什么会出现上面的现象呢？我们从浏览器的渲染过程来解析下。 不同的浏览器使用的内核不同，所以他们的渲染过程也是不一样的。目前主要有两个 根据Ren…

「这是我参与11月更文挑战的第5天，活动详情查看：2021最后一次更文挑战」。 浏览器 渲染流程 概念 dom 树 浏览器将HTML解析成树形的数据结构 css 规则 树 浏览器将CSS解析成树形的数