haooup

手写完美深拷贝代码实现🍌，从浅入深，实现完美深拷贝。大前端知识体系与面试宝典，从前端到后端，全栈工程师，成为六边形战士

浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…

一、什么是 Source Map 通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的代码映射关系。关于 Sour

1、问题的由来 笔者曾在掘金上浏览技术文章，来学习http cache的知识。讲到的最多的当然是强缓存和协商缓存。关于各个字段的含义，我们可以找到这张图： 多数文章会告诉我们Response Head

之前就粗略地阅读了axios的一些核心源码，最近闲来无事，就对axios的构建过程及重要特性的实现又进一步地去阅读，毕竟是吃饭的家伙嘛，还是要做到心里有数的。axios的常见用法几相关特性就不在这里一一罗列了，不清楚的同学可以先移步到这里。篇幅有限，node环境相关的学习，大家…

本文从多个维度详细分析浏览器的核心工作原理。我们将讨论`导航`、`获取数据`、`解析`和`渲染`等核心步骤，并希望能使你对这些概念更清晰

从输入 URL 到页面显示的过程，这是一个面试中常被问到的问题，此问题能比较全面地考察应聘者知识的掌握程度。其中涉及到了网络、操作系统、Web 等一系列的知识......

flex 属性 平时在开发中使用 Flex 布局的频率非常高，但是对于flex的几个值的属性始终是含糊不清，此次就来把这些模糊的点搞明白。

1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…