数据结构和算法数据结构，主要需要掌握，数组，栈，队列，链表，树（二叉树） 数组这是一种最简单，最基础的数据结构，在 js 中是原生支持的 栈在 js 中，栈和队列都没有原生的实现，需要依赖数组实现 栈是后进先出的一个数据结构，所以只能用到

具体思维导图在processon中 以下是png

具体思维导图在 processon 中 以下是 png

客户端渲染 vs 服务端渲染 客户端渲染 服务端渲染 请求 多个请求(HTML, 数据等) 1 个请求(HTML) 加载过程 HTML 和数据串行加载 1 个请求返回 HTML 和数据 渲染 前端加载空白 html，然后

传参方式HashRouter 通过在url中增加查询字符串。如 <Link to={{pathname: '/test', search: '?id=1'}}>或者<Link to=

在一个项目中,随着时间的推移，一些依赖库可能只能工作于当时安装时所采用的 node 版本。这时再使用新版本 node 时就无法保证项目在一个稳定的环境中运行，甚至是无法运行。为了稳定，通常我们需要在开始时就选定一个兼容性强的 node LT

var、let、const 的作用和区别var 会在当前执行环境中进行变量提升 可重复声明，可以修改 如果未使用 var 关键字声明，则会提升为全局 // 严格模式下会报错 let let 无法重复声明 let 有暂存

Grid 简介CSS Grid Layout(又叫Grid或者CSS Grid)，它是一个二维网格的布局系统。在这之前经过了tables,float,positioning和inline-block,但它们都相当于一个hack，并且功能较少

水平垂直居中使用以下的核心代码，控制多行(多列)、单行(单列)的元素水平垂直居中 .container { flex-direction: column; /* 这一行用于多行或多列的水平垂直居中，如果是单行单列可以去掉 */

盒模型在 css 中，有两种盒模型： 标准盒模型(box-sizing: content-box)： 这是我们熟悉的符合 W3C 标准的盒子模型 尺寸计算公式：width = 内容的宽度height = 内容的高度