fix: 修正引入图片时路径中的空格导致构建失败的问题

This commit is contained in:
ZiuChen 2023-05-02 22:37:58 +08:00
parent be1fbb761e
commit 7796620d24
8 changed files with 6 additions and 6 deletions

View File

@ -35,7 +35,7 @@ Node.js是一个基于**V8 JavaScript引擎**的**JavaScript运行时环境**
- JavaScript代码 -> V8 -> Node.js Bindings -> LibUV
- LibUV是使用**C语言编写的库**,提供了**事件循环、文件系统读写、网络IO、线程池**等等内容
![The Node.js System](Front-end Engineering.assets/The Node.js System.jpeg)
![The Node.js System](Front-end-Engineering.assets/the-node.js-system.jpeg)
### Node.js的应用场景
@ -635,7 +635,7 @@ ESModule的解析过程可以分为三个阶段
- 运行代码,计算值,并且将值填充到内存地址中
- 将导入导出的**值**赋给对应的变量`name = 'Ziu'`
![ESModule解析过程](Front-end Engineering.assets/esmodule-phases.png)
![ESModule解析过程](Front-end-Engineering.assets/esmodule-phases.png)
文章推荐:[ES modules: A cartoon deep-dive](https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive/)
@ -1001,7 +1001,7 @@ PNPMperformant npm有以下优点
- 符号链接 是一类特殊的文件
- 其包含有一条以绝对路径或者相对路径的形式**指向其他文件或者目录的引用**
![hard-link and soft-link](Front-end Engineering.assets/hard-link-and-soft-link.jpg)
![hard-link and soft-link](Front-end-Engineering.assets/hard-link-and-soft-link.jpg)
操作系统使用不同的**文件系统****对真实的硬盘读写操作做了一层抽象**,借由文件系统,我们得以方便地操作和访问文件的真实数据
@ -1055,7 +1055,7 @@ PNPMperformant npm有以下优点
- 在`node_modules/.pnpm`中,包含了附加版本信息的真实文件(硬链接到硬盘数据的文件)
- 所有间接依赖,都通过软链接的方式,链接到被铺平在`.pnpm`文件夹中对应版本的硬链接文件上
![how pnpm works](Front-end Engineering.assets/how-pnpm-works.jpg)
![how pnpm works](Front-end-Engineering.assets/how-pnpm-works.jpg)
#### 常用命令

View File

Before

Width:  |  Height:  |  Size: 1001 KiB

After

Width:  |  Height:  |  Size: 1001 KiB

View File

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

View File

Before

Width:  |  Height:  |  Size: 122 KiB

After

Width:  |  Height:  |  Size: 122 KiB

View File

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 49 KiB

View File

@ -902,7 +902,7 @@ export default Banner
当一个组件要重新渲染时首先生成虚拟DOM当完成虚拟DOM的diff之后要将需要更新的DOM反映到真实DOM树上在对真实DOM树做修改之前会触发`useLayoutEffect`的回调
![useLayoutEffect](./React%20Hooks.assets/useLayoutEffect.svg)
![useLayoutEffect](./React-Hooks.assets/useLayoutEffect.svg)
```tsx
// TestLayoutEffect.jsx
@ -1211,7 +1211,7 @@ Hydration
这里用一张图简单介绍一下SSR的流程
![SSR](./React%20Hooks.assets/SSR.svg)
![SSR](./React-Hooks.assets/SSR.svg)
### useTransition

View File

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB