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

为了保证我们网页的稳定性，浏览器的内存知识对我们来说是十分必要的，我们不应该只考虑网页打开时的性能，也应该考虑网页长时间挂载下的稳定性。 本次梳理以Chrome为例。 chrome的内存限制 堆内存的

单元测试：指的是以原件的单元为单位，对软件进行测试。单元可以是一个函数，也可以是一个模块或一个组件，基本特征就是只要输入不变，必定返回同样的输出。一个软件越容易些单元测试，就表明它的模块化结构越好，给模块之间的耦合越弱。React的组件化和函数式编程，天生适合进行单元测试 TD…

React Fiber 是 React v16.x 推出船新架构，而 Reconciliation 是 React 的 Diff 算法，两者都是 React 的 核心机制。本文将会来研究一下 React Fiber 和 Reconciliation，看看 Fiber 到底是什么…

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

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

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

首先，我得坦诚，之前从未做过SEO相关的研究，也可以说我之前想当然的以为我写出来的上线页面应该被搜索引擎检索到😄。直到最近，因为比较沉迷Next.js，并且众所周知，作为一个SSR框架，主打的就是首屏渲染和SEO，然后在和很多小伙伴的交流过程中，一些人就会问，应该如何用Nex…

》 ，密谋很久才付诸行动，做这个的初衷就是不想让自己太安稳，技术这条路不进步就等于后退，必须要逼着自己学习。 项目偏向于技术实践，因此不会做太多的业务堆砌，业务代码还是在公司学习比较好。现在正在做技术的选型与储备，像比较主流的，项目前后端分离、微服务、Springboot、Sp…