近期阿宝哥在团队内搞了一个 如何读源码 的专题，主要目的是让团队的小伙伴们了解读源码的思路与技巧。在此期间，阿宝哥也写了 77.9K 的 Axios 项目有哪些值得借鉴的地方、从 13K 的前端开源项目我学到了啥 和 TS 的装饰器还可以这样用 三篇源码解析的文章。 其中前两篇…

自从 Hooks 诞生以来，官方就有考虑到了性能的问题。添加了各种方法优化性能，比如 memo、hooks deps、lazy initilize 等。而且在官方 FAQ 中也有讲到，Function 组件每次创建闭包函数的速度是非常快的，而且随着未来引擎的优化，这个时间进一步…

React也写了有一段时间了，不了解下ta的原理都不好意思和别人说自己会React...所以看了一些源码分析的文章，自己也撸了一遍React的源码【真是有点绕】，算是搞明白了React的原理。 但是最近给一个妹纸解释React原理的时候，把她说蒙圈了...很受伤，本着面向妹纸编…

分享目的： 解释浏览器如何将 HTML、CSS 和 JavaScript 转换为我们可以与之交互的网站，了解这个过程，可以帮助我们优化 Web 应用程序，从而获得更快的速度和更好的性能。 1. html解析 数据是以“数据包”的形式通过互联网发送，而数据包以字节为单位。当你编写…

将之前生成的真实的DOM对象，加入到容器中。 key值的作用：用于通过旧节点，寻找对应的新节点，如果某个旧节点有key值，则其更新时，会寻找相同层级中的相同key值的节点，进行对比。

浏览器是怎么将字符串解析成tokens的。使用的方法是状态机。 浏览器一步步将文件流转化为字符串再通过状态机转化为token，得到token后，按照W3C规则转换成DOM树。 浏览器根据DOM树和CSSOM树生成带有标签和样式信息的渲染树(Render Tree)。渲染树与DO…

... 从中可以看出来，程序员和产品经理水火不容，但是呢，我觉得我的产品经理人挺好的。为啥，你看这个需求，🉑还行 ？ 老铁，没毛病，666，按照正常逻辑，如果你点击的是切屏的按钮，那确实不会有问题，但是！！！我们调用的是浏览器的全屏，当我们按下 ESC 退出键之后，直接就退出…

今天介绍下 Chrome dev tools 家族的一个小兄弟，它在 Chrome 57 之前叫作「Timeline」，而现在换了个更长的马甲 —— 「Performance」，毕竟名字要「长～～～～～～～～～」更能吸引注意。 也许你曾不经意启动过这个工具，看见里面五颜六色的图…