fix: 修正引入图片时路径中的空格导致构建失败的问题
@ -35,7 +35,7 @@ Node.js是一个基于**V8 JavaScript引擎**的**JavaScript运行时环境**
|
|||||||
- JavaScript代码 -> V8 -> Node.js Bindings -> LibUV
|
- JavaScript代码 -> V8 -> Node.js Bindings -> LibUV
|
||||||
- LibUV是使用**C语言编写的库**,提供了**事件循环、文件系统读写、网络IO、线程池**等等内容
|
- LibUV是使用**C语言编写的库**,提供了**事件循环、文件系统读写、网络IO、线程池**等等内容
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
### Node.js的应用场景
|
### Node.js的应用场景
|
||||||
|
|
||||||
@ -635,7 +635,7 @@ ESModule的解析过程可以分为三个阶段:
|
|||||||
- 运行代码,计算值,并且将值填充到内存地址中
|
- 运行代码,计算值,并且将值填充到内存地址中
|
||||||
- 将导入导出的**值**赋给对应的变量`name = 'Ziu'`
|
- 将导入导出的**值**赋给对应的变量`name = 'Ziu'`
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
文章推荐:[ES modules: A cartoon deep-dive](https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive/)
|
文章推荐:[ES modules: A cartoon deep-dive](https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive/)
|
||||||
|
|
||||||
@ -1001,7 +1001,7 @@ PNPM(performant npm)有以下优点:
|
|||||||
- 符号链接 是一类特殊的文件
|
- 符号链接 是一类特殊的文件
|
||||||
- 其包含有一条以绝对路径或者相对路径的形式**指向其他文件或者目录的引用**
|
- 其包含有一条以绝对路径或者相对路径的形式**指向其他文件或者目录的引用**
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
操作系统使用不同的**文件系统**,**对真实的硬盘读写操作做了一层抽象**,借由文件系统,我们得以方便地操作和访问文件的真实数据
|
操作系统使用不同的**文件系统**,**对真实的硬盘读写操作做了一层抽象**,借由文件系统,我们得以方便地操作和访问文件的真实数据
|
||||||
|
|
||||||
@ -1055,7 +1055,7 @@ PNPM(performant npm)有以下优点:
|
|||||||
- 在`node_modules/.pnpm`中,包含了附加版本信息的真实文件(硬链接到硬盘数据的文件)
|
- 在`node_modules/.pnpm`中,包含了附加版本信息的真实文件(硬链接到硬盘数据的文件)
|
||||||
- 所有间接依赖,都通过软链接的方式,链接到被铺平在`.pnpm`文件夹中对应版本的硬链接文件上
|
- 所有间接依赖,都通过软链接的方式,链接到被铺平在`.pnpm`文件夹中对应版本的硬链接文件上
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
#### 常用命令
|
#### 常用命令
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 1001 KiB After Width: | Height: | Size: 1001 KiB |
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
Before Width: | Height: | Size: 122 KiB After Width: | Height: | Size: 122 KiB |
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 49 KiB |
@ -902,7 +902,7 @@ export default Banner
|
|||||||
|
|
||||||
当一个组件要重新渲染时,首先生成虚拟DOM,当完成虚拟DOM的diff之后,要将需要更新的DOM反映到真实DOM树上,在对真实DOM树做修改之前,会触发`useLayoutEffect`的回调
|
当一个组件要重新渲染时,首先生成虚拟DOM,当完成虚拟DOM的diff之后,要将需要更新的DOM反映到真实DOM树上,在对真实DOM树做修改之前,会触发`useLayoutEffect`的回调
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
```tsx
|
```tsx
|
||||||
// TestLayoutEffect.jsx
|
// TestLayoutEffect.jsx
|
||||||
@ -1211,7 +1211,7 @@ Hydration
|
|||||||
|
|
||||||
这里用一张图简单介绍一下SSR的流程:
|
这里用一张图简单介绍一下SSR的流程:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
### useTransition
|
### useTransition
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |