refactor: 文档迁移至VitePress

This commit is contained in:
ZiuChen
2023-01-09 23:36:30 +08:00
parent 0b2df60a3b
commit 65f56c2265
50 changed files with 925 additions and 11804 deletions

View File

@@ -1,6 +1,4 @@
---
sidebar: auto
sidebarDepth: 2
editLink: false
---

View File

@@ -1,6 +1,4 @@
---
sidebar: auto
sidebarDepth: 2
editLink: false
---

View File

@@ -1,6 +1,4 @@
---
sidebar: auto
sidebarDepth: 2
editLink: false
---
@@ -1455,9 +1453,9 @@ inherit(Student, Person)
- 遇到`<script>`标签则向服务器请求下载`.js`文件
<img src="JavaScriptEnhanced.assets/image-20221118222207332-16687813334481.png" alt="浏览器解析HTML过程" style="zoom:80%;" />
<img src="./JavaScriptEnhanced.assets/image-20221118222207332-16687813334481.png" alt="浏览器解析HTML过程" style="zoom:80%;" />
<img src="JavaScriptEnhanced.assets/image-20221118222311200-16687813941873.png" alt="浏览器是和如何工作的" style="zoom:80%;" />
<img src="./JavaScriptEnhanced.assets/image-20221118222311200-16687813941873.png" alt="浏览器是和如何工作的" style="zoom:80%;" />
[How browsers work](https://web.dev/howbrowserswork/)
@@ -1582,7 +1580,7 @@ inherit(Student, Person)
在开发者工具的图层工具中可以看到,两个元素`.box1``.box2`都是在一个层Document下渲染的
![image-20221122103111654](JavaScriptEnhanced.assets/image-20221122103111654.png)
![image-20221122103111654](./JavaScriptEnhanced.assets/image-20221122103111654.png)
##### 案例2分层渲染
@@ -1597,7 +1595,7 @@ inherit(Student, Person)
}
```
![image-20221122103256116](JavaScriptEnhanced.assets/image-20221122103256116.png)
![image-20221122103256116](./JavaScriptEnhanced.assets/image-20221122103256116.png)
##### 案例3transform 3D
@@ -1615,7 +1613,7 @@ inherit(Student, Person)
}
```
![image-20221122103715428](JavaScriptEnhanced.assets/image-20221122103715428.png)
![image-20221122103715428](./JavaScriptEnhanced.assets/image-20221122103715428.png)
##### 案例4transition+transform
@@ -1733,7 +1731,7 @@ JavaScript代码下载好后是如何一步步被执行的
### JavaScript V8引擎
![image-20221125090752249](JavaScriptEnhanced.assets/image-20221125090752249.png)
![image-20221125090752249](./JavaScriptEnhanced.assets/image-20221125090752249.png)
JS源代码经过解析生成抽象语法树词法分析器、语法分析器经过ignition转为字节码二进制、跨平台即可由CPU执行
@@ -1753,7 +1751,7 @@ JS源代码经过解析生成抽象语法树词法分析器、语法分析
- 但是机器码实际上也会被还原为ByteCode这是因为如果后续执行函数的过程中类型发生了变化比如sum函数原来执行的是number类型后来执行变成了string类型之前优化的机器码并不能正确的处理运算就会逆向的转换成字节码
- 官方文档https://v8.dev/blog/turbofan-jit
![image-20221125094148365](JavaScriptEnhanced.assets/image-20221125094148365.png)
![image-20221125094148365](./JavaScriptEnhanced.assets/image-20221125094148365.png)
Blink 获取到源码 => 转为Stream => Scanner扫描器

View File

@@ -1,11 +0,0 @@
---
sidebar: auto
sidebarDepth: 2
editLink: false
---
[JavaScript 基础](./JavaScript.md)
[CSS 基础](./CSS.md)
[JavaScript 高级教程](./JavaScriptEnhanced.md)