CraZY

Next.js 提供了 CSR、SSR、SSG、ISR、 Streaming 这么多渲染方式，本文就从渲染方式方面来讲解，让我们可以更好地理解 Next.js 以及使用 N...

当我们打开 React 官网时，会发现从浏览器上输入url 到页面首屏完全展示这一过程所花的时间极其短暂，而且在点击页面中的链接切换路由时非常顺滑，几乎页面可以做到“秒切”...

项目开发中经常需要用到元素大小，网页高度，视口高度，各种距离等等，本文总结了获取各种宽高、距离的方法。 注意：这些方法都不考虑混杂模式，请确保你的文档在标准模式下（填写了正...

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静...

首先，我得坦诚，之前从未做过SEO相关的研究，也可以说我之前想当然的以为我写出来的上线页面应该被搜索引擎检索到😄。直到最近，因为比较沉迷Next.js，并且众所周知，作为...

​ 我第一次听说微前端这个概念是在一年前左右偶然看到了美团的一篇技术博客：用微前端的方式搭建单页应用。然而那时候我连单页面应用是什么都还不知道，自然是看的一头雾水了。目前大...

其中dom-diff算法是虚拟dom的核心，重点，难点。 DOM 全称为“文档对象模型”（Document Object Model），JavaScript 操作网页的接口...

debugger 的实现原理。ide 和 chrome devtools 如何实现调试功能的。本文带你深入探索 debugger 的原理。...

TCP 作为传输层的协议，是一个软件工程师素养的体现，也是面试中经常被问到的知识点。在此，我将 TCP 核心的一些问题梳理了一下，希望能帮到各位。 001. 能不能说一说 ...

首先我们先了解一下什么是执行上下文栈（Execution context stack）。 上面这张图来自于mdn，分别展示了栈、堆和队列，其中栈就是我们所说的执行上下文栈；...

如果你是一名 JavaScript 开发者，或者想要成为一名 JavaScript 开发者，那么你必须知道 JavaScript 程序内部的执行机制。理解执行上下文和执行栈...

最近在做知识体系的复盘，在复盘的时候尽可能的查漏补缺。关于@import和link引入样式的区别网上有很多种说法。大致有如下几种，不过这其中会有我存疑的地方，我们可以一起来...

同学们好，我是来自 《技术银河》的 💎 三钻 。 这一周我们重新回到《重学 CSS》系列，之前的文章中我们重新学习了《 CSS 选择器 》和《 CSS 语法与规则 》。接...

当浏览器对一个 render tree 进行渲染时，浏览器的渲染引擎就会根据 基础盒模型(CSS basic box model) ，将所有元素划分为一个个矩形的盒子，这些...

浏览器安全的基石是“同源政策”（same-origin policy）。 1. 含义 1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个策...

BFC的中文名称是块级格式上下文，Block Formatting Context的简称，而具有BFC特性的元素可以看出一个独立的隔绝容器，里面的元素不会影响外面的元素。在...

上一篇文章我们主要实现了 JSX 在 WebGL 上的渲染与更新，对 虚拟DOM 和 Diff 有了更深的了解，但相比于我们使用的 React，还缺乏了之中很重要的一环 -...

之前面试三部曲简明地梳理了前端知识结构体系，浅尝辄止。这个系列则要进一步研究和领会 内在的奥妙。今天打算以一个比较新颖的角度切入，深入地梳理下 React 的内部实现。 1...