From 4310360aa278db2dd20e4d544a040f5eab0c48db Mon Sep 17 00:00:00 2001 From: ZiuChen Date: Tue, 2 May 2023 22:37:58 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=AD=A3=E5=BC=95=E5=85=A5?= =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=97=B6=E8=B7=AF=E5=BE=84=E4=B8=AD=E7=9A=84?= =?UTF-8?q?=E7=A9=BA=E6=A0=BC=E5=AF=BC=E8=87=B4=E6=9E=84=E5=BB=BA=E5=A4=B1?= =?UTF-8?q?=E8=B4=A5=E7=9A=84=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/note/Front-end Engineering.md | 8 ++++---- .../esmodule-phases.png | Bin .../hard-link-and-soft-link.jpg | Bin .../how-pnpm-works.jpg | Bin .../the-node.js-system.jpeg} | Bin docs/note/React Hooks.md | 4 ++-- .../SSR.svg | 0 .../useLayoutEffect.svg | 0 8 files changed, 6 insertions(+), 6 deletions(-) rename docs/note/{Front-end Engineering.assets => Front-end-Engineering.assets}/esmodule-phases.png (100%) rename docs/note/{Front-end Engineering.assets => Front-end-Engineering.assets}/hard-link-and-soft-link.jpg (100%) rename docs/note/{Front-end Engineering.assets => Front-end-Engineering.assets}/how-pnpm-works.jpg (100%) rename docs/note/{Front-end Engineering.assets/The Node.js System.jpeg => Front-end-Engineering.assets/the-node.js-system.jpeg} (100%) rename docs/note/{React Hooks.assets => React-Hooks.assets}/SSR.svg (100%) rename docs/note/{React Hooks.assets => React-Hooks.assets}/useLayoutEffect.svg (100%) diff --git a/docs/note/Front-end Engineering.md b/docs/note/Front-end Engineering.md index dde647b1..e9238b0d 100644 --- a/docs/note/Front-end Engineering.md +++ b/docs/note/Front-end Engineering.md @@ -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 @@ PNPM（performant 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 @@ PNPM（performant 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) #### 常用命令 diff --git a/docs/note/Front-end Engineering.assets/esmodule-phases.png b/docs/note/Front-end-Engineering.assets/esmodule-phases.png similarity index 100% rename from docs/note/Front-end Engineering.assets/esmodule-phases.png rename to docs/note/Front-end-Engineering.assets/esmodule-phases.png diff --git a/docs/note/Front-end Engineering.assets/hard-link-and-soft-link.jpg b/docs/note/Front-end-Engineering.assets/hard-link-and-soft-link.jpg similarity index 100% rename from docs/note/Front-end Engineering.assets/hard-link-and-soft-link.jpg rename to docs/note/Front-end-Engineering.assets/hard-link-and-soft-link.jpg diff --git a/docs/note/Front-end Engineering.assets/how-pnpm-works.jpg b/docs/note/Front-end-Engineering.assets/how-pnpm-works.jpg similarity index 100% rename from docs/note/Front-end Engineering.assets/how-pnpm-works.jpg rename to docs/note/Front-end-Engineering.assets/how-pnpm-works.jpg diff --git a/docs/note/Front-end Engineering.assets/The Node.js System.jpeg b/docs/note/Front-end-Engineering.assets/the-node.js-system.jpeg similarity index 100% rename from docs/note/Front-end Engineering.assets/The Node.js System.jpeg rename to docs/note/Front-end-Engineering.assets/the-node.js-system.jpeg diff --git a/docs/note/React Hooks.md b/docs/note/React Hooks.md index 42c09686..64ee04f1 100644 --- a/docs/note/React Hooks.md +++ b/docs/note/React Hooks.md @@ -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 diff --git a/docs/note/React Hooks.assets/SSR.svg b/docs/note/React-Hooks.assets/SSR.svg similarity index 100% rename from docs/note/React Hooks.assets/SSR.svg rename to docs/note/React-Hooks.assets/SSR.svg diff --git a/docs/note/React Hooks.assets/useLayoutEffect.svg b/docs/note/React-Hooks.assets/useLayoutEffect.svg similarity index 100% rename from docs/note/React Hooks.assets/useLayoutEffect.svg rename to docs/note/React-Hooks.assets/useLayoutEffect.svg