feat:增加布局组件
This commit is contained in:
@@ -79,7 +79,8 @@ export default withMermaid({
|
||||
items: [
|
||||
{ text: 'OpenObserve部署和使用', link: '/DevOps/OpenObserve' },
|
||||
{ text: 'Jenkins部署和使用', link: '/DevOps/Jenkins' },
|
||||
{ text: 'ElasticSearch部署和使用', link: '/DevOps/ElasticSearch' }
|
||||
{ text: 'ElasticSearch部署和使用', link: '/DevOps/ElasticSearch' },
|
||||
{ text: 'Docker简介和安装', link: '/DevOps/Docker' }
|
||||
]
|
||||
},
|
||||
{ text: 'Flutter',
|
||||
@@ -154,7 +155,8 @@ export default withMermaid({
|
||||
items: [
|
||||
{ text: 'OpenObserve部署和使用', link: '/DevOps/OpenObserve' },
|
||||
{ text: 'Jenkins部署和使用', link: '/DevOps/Jenkins' },
|
||||
{ text: 'ElasticSearch部署和使用', link: '/DevOps/ElasticSearch' }
|
||||
{ text: 'ElasticSearch部署和使用', link: '/DevOps/ElasticSearch' },
|
||||
{ text: 'Docker简介和安装', link: '/DevOps/Docker' }
|
||||
]
|
||||
}
|
||||
],
|
||||
|
||||
@@ -1,10 +1,24 @@
|
||||
<template>
|
||||
<div v-if="!page.filePath.includes('index.md')" class="blog-stats">
|
||||
<p class="content">
|
||||
<svg t="1724571760788" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6125" width="16" height="16"><path d="M204.8 0h477.866667l273.066666 273.066667v614.4c0 75.093333-61.44 136.533333-136.533333 136.533333H204.8c-75.093333 0-136.533333-61.44-136.533333-136.533333V136.533333C68.266667 61.44 129.706667 0 204.8 0z m307.2 607.573333l68.266667 191.146667c13.653333 27.306667 54.613333 27.306667 61.44 0l102.4-273.066667c6.826667-20.48 0-34.133333-20.48-40.96s-34.133333 0-40.96 13.653334l-68.266667 191.146666-68.266667-191.146666c-13.653333-27.306667-54.613333-27.306667-68.266666 0l-68.266667 191.146666-68.266667-191.146666c-6.826667-13.653333-27.306667-27.306667-47.786666-20.48s-27.306667 27.306667-20.48 47.786666l102.4 273.066667c13.653333 27.306667 54.613333 27.306667 61.44 0l75.093333-191.146667z" fill="#1890FF" p-id="6126"></path><path d="M682.666667 0l273.066666 273.066667h-204.8c-40.96 0-68.266667-27.306667-68.266666-68.266667V0z" fill="#52C41A" p-id="6127"></path></svg>
|
||||
字数: {{ wordCount }} 字
|
||||
<svg t="1724572797268" class="icon" viewBox="0 0 1060 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15031" width="16" height="16"><path d="M556.726857 0.256A493.933714 493.933714 0 0 0 121.929143 258.998857L0 135.021714v350.390857h344.649143L196.205714 334.482286a406.820571 406.820571 0 1 1-15.908571 312.649143H68.937143A505.819429 505.819429 0 1 0 556.726857 0.256z m-79.542857 269.531429v274.907428l249.197714 150.966857 42.422857-70.070857-212.114285-129.389714V269.787429h-79.542857z" fill="#FA8C16" p-id="15032"></path></svg>
|
||||
时长: {{ readTime }} 分钟
|
||||
</p>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { computed, ref, onMounted } from 'vue'
|
||||
import { computed, ref, onMounted, watch } from 'vue'
|
||||
import { countWord } from '../utils/functions'
|
||||
import { useData } from 'vitepress'
|
||||
|
||||
const wordCount = ref(0)
|
||||
const imageCount = ref(0)
|
||||
|
||||
const { page } = useData()
|
||||
|
||||
const wordTime = computed(() => {
|
||||
return ((wordCount.value / 275) * 60)
|
||||
})
|
||||
@@ -23,7 +37,6 @@ const readTime = computed(() => {
|
||||
return Math.ceil((wordTime.value + imageTime.value) / 60)
|
||||
})
|
||||
|
||||
|
||||
function analyze() {
|
||||
document.querySelectorAll('.meta-des').forEach(v => v.remove())
|
||||
const docDomContainer = window.document.querySelector('#VPContent')
|
||||
@@ -35,28 +48,25 @@ function analyze() {
|
||||
wordCount.value = countWord(words)
|
||||
}
|
||||
|
||||
watch(() => page.value.title, () => {
|
||||
// 路径变化时执行
|
||||
analyze()
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
// 初始化时执行一次
|
||||
analyze()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.blog-stats {
|
||||
color: var(--vp-c-text-2);
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
<template>
|
||||
<div class="word">
|
||||
<p>
|
||||
<svg t="1724571760788" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6125" width="16" height="16"><path d="M204.8 0h477.866667l273.066666 273.066667v614.4c0 75.093333-61.44 136.533333-136.533333 136.533333H204.8c-75.093333 0-136.533333-61.44-136.533333-136.533333V136.533333C68.266667 61.44 129.706667 0 204.8 0z m307.2 607.573333l68.266667 191.146667c13.653333 27.306667 54.613333 27.306667 61.44 0l102.4-273.066667c6.826667-20.48 0-34.133333-20.48-40.96s-34.133333 0-40.96 13.653334l-68.266667 191.146666-68.266667-191.146666c-13.653333-27.306667-54.613333-27.306667-68.266666 0l-68.266667 191.146666-68.266667-191.146666c-6.826667-13.653333-27.306667-27.306667-47.786666-20.48s-27.306667 27.306667-20.48 47.786666l102.4 273.066667c13.653333 27.306667 54.613333 27.306667 61.44 0l75.093333-191.146667z" fill="#1890FF" p-id="6126"></path><path d="M682.666667 0l273.066666 273.066667h-204.8c-40.96 0-68.266667-27.306667-68.266666-68.266667V0z" fill="#52C41A" p-id="6127"></path></svg>
|
||||
字数: {{ wordCount }} 字
|
||||
<svg t="1724572797268" class="icon" viewBox="0 0 1060 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15031" width="16" height="16"><path d="M556.726857 0.256A493.933714 493.933714 0 0 0 121.929143 258.998857L0 135.021714v350.390857h344.649143L196.205714 334.482286a406.820571 406.820571 0 1 1-15.908571 312.649143H68.937143A505.819429 505.819429 0 1 0 556.726857 0.256z m-79.542857 269.531429v274.907428l249.197714 150.966857 42.422857-70.070857-212.114285-129.389714V269.787429h-79.542857z" fill="#FA8C16" p-id="15032"></path></svg>
|
||||
时长: {{ readTime }} 分钟
|
||||
</p>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
.word {
|
||||
color: var(--vp-c-text-2);
|
||||
font-size: 15px;
|
||||
.content {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.icon {
|
||||
|
||||
16
docs/.vitepress/theme/components/MyLayout.vue
Normal file
16
docs/.vitepress/theme/components/MyLayout.vue
Normal file
@@ -0,0 +1,16 @@
|
||||
<script setup lang="ts">
|
||||
import DefaultTheme from 'vitepress/theme'
|
||||
import ArticleMetadat from './ArticleMetadata.vue';
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<DefaultTheme.Layout v-bind="$attrs">
|
||||
<template #doc-before>
|
||||
<ArticleMetadat />
|
||||
</template>
|
||||
|
||||
</DefaultTheme.Layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@@ -9,9 +9,11 @@ import '../theme/style.css'
|
||||
import './style/var.css'
|
||||
import './style/vp-code.css'
|
||||
import './style/custom-block.css'
|
||||
import MyLayout from './components/MyLayout.vue';
|
||||
|
||||
export default {
|
||||
extends: DefaultTheme,
|
||||
Layout: MyLayout,
|
||||
setup() {
|
||||
const route = useRoute()
|
||||
const initZoom = () => {
|
||||
|
||||
144
docs/DevOps/Docker.md
Normal file
144
docs/DevOps/Docker.md
Normal file
@@ -0,0 +1,144 @@
|
||||
# 一、Docker简介
|
||||
## 1.1 基础概念
|
||||
### 1.1.1 Docker概念
|
||||
  Docker是一个开源的应用容器引擎，可以让开发者将应用和依赖打包到一个轻量级、可移植的容器中，然后部署到任何流行的Linux或Windows机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不会有任何接口。
|
||||
  虚拟机和Docker的主要区别：**服务器虚拟化解决的核心问题是资源调配，而容器解决的核心问题是应用开发、测试和部署。**
|
||||
|
||||
|
||||
|
||||
  传统虚拟机技术是虚拟出一套硬件后，在其上运行一个完整操作系统，在该系统上再运行所需应用进程；而容器内的应用进程直接运行于宿主的内核，容器内没有自己的内核，而且也没有进行硬件虚拟。因此容器要比传统虚拟机更为轻便。
|
||||
|
||||
| 特性| 容器| 虚拟机 |
|
||||
| :---: | :---: | :---: |
|
||||
| 启动 | 秒级 | 分钟级 |
|
||||
| 硬盘使用 | 一般为 `MB` | 一般为 `GB` |
|
||||
| 性能 | 接近原生 | 弱于 |
|
||||
| 系统支持量 | 单机支持上千个容器 | 一般几十个 |
|
||||
|
||||
### 1.1.2 Docker镜像——Image
|
||||
  Docker 镜像是一个特殊的文件系统，除了提供容器运行时所需的**程序、库、资源、配置**等文件外，还包含了一些为运行时准备的一些**配置参数**（如匿名卷、环境变量、用户等）。**镜像不包含任何动态数据**，其内容在构建之后也不会被改变。
|
||||
|
||||
### 1.2.3 Docker容器——Container
|
||||
  镜像（`Image`）和容器（`Container`）的关系，就像是面向对象程序设计中的 `类` 和 `实例` 一样，**镜像是静态的定义，容器是镜像运行时的实体**。容器可以被创建、启动、停止、删除、暂停等。
|
||||
  **容器的实质是进程**，但与直接在宿主执行的进程不同，**容器进程运行于属于自己的独立的**[命名空间(opens new window)](https://en.wikipedia.org/wiki/Linux_namespaces)。因此容器可以拥有自己的 `root` 文件系统、自己的网络配置、自己的进程空间，甚至自己的用户 ID 空间。
|
||||
  容器内的进程是运行在一个隔离的环境里，使用起来，就好像是在一个独立于宿主的系统下操作一样。这种特性使得容器封装的应用比直接在宿主运行更加安全。
|
||||
  按照 Docker 最佳实践的要求，**容器不应该向其存储层内写入任何数据**，容器存储层要保持无状态化。**所有的文件写入操作，都应该使用数据卷（Volume）、或者绑定宿主目录**，在这些位置的读写会跳过容器存储层，直接对宿主（或网络存储）发生读写，其性能和稳定性更高。
|
||||
  数据卷的生存周期独立于容器，容器消亡，数据卷不会消亡。因此，使用数据卷后，容器删除或者重新运行之后，数据却不会丢失。
|
||||
|
||||
### 1.2.4 Docker仓库——Registry
|
||||
  一个 Docker Registry 中可以包含多个仓库（Repository）；每个仓库可以包含多个标签（Tag）；每个标签对应一个镜像。
|
||||
  一个仓库会包含同一个软件不同版本的镜像，而标签就常用于对应该软件的各个版本。我们可以通过 `<仓库名>:<标签>` 的格式来指定具体是这个软件哪个版本的镜像。
|
||||
  最常使用的 Registry 公开服务是官方的 [Docker Hub](https://hub.docker.com/)，这也是默认的 Registry。
|
||||
|
||||
# 二、Docker安装
|
||||
## 2.1 环境
|
||||
  Ubuntu20.04
|
||||
|
||||
## 2.2 安装
|
||||
1. 安装依赖
|
||||
|
||||
```bash
|
||||
sudo apt-get install apt-transport-https ca-certificates curl software-properties-common
|
||||
```
|
||||
|
||||
2. 添加 GPG 密钥
|
||||
|
||||
```bash
|
||||
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -
|
||||
```
|
||||
|
||||
  也可以使用阿里云Docker镜像：
|
||||
|
||||
```bash
|
||||
curl -fsSL http://mirrors.aliyun.com/docker-ce/linux/ubuntu/gpg | sudo apt-key add -
|
||||
```
|
||||
|
||||
3. 添加Docker软件源
|
||||
|
||||
```bash
|
||||
sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"
|
||||
```
|
||||
|
||||
  阿里云Docker镜像：
|
||||
|
||||
```bash
|
||||
sudo add-apt-repository "deb [arch=amd64] http://mirrors.aliyun.com/docker-ce/linux/ubuntu $(lsb_release -cs) stable"
|
||||
```
|
||||
|
||||
4. 安装Docker
|
||||
|
||||
```bash
|
||||
sudo apt-get install docker-ce
|
||||
```
|
||||
|
||||
5. 配置Docker镜像服务
|
||||
|
||||
  1️⃣登录阿里云账号，在**容器镜像服务->镜像工具->镜像加速器**中找到**加速器地址**。
|
||||
  2️⃣在/etc/docker中新建文件 daemon.json
|
||||
|
||||
```json
|
||||
{
|
||||
"registry-mirrors": ["https://******.mirror.aliyuncs.com"]
|
||||
}
|
||||
```
|
||||
|
||||
  3️⃣执行命令：
|
||||
|
||||
```bash
|
||||
sudo systemctl daemon-reload
|
||||
sudo systemctl restart docker
|
||||
```
|
||||
|
||||
# 三、Portainer安装
|
||||
## 3.1 简介
|
||||
  [Portainer](https://www.portainer.io/) 是一个开源的轻量级Docker管理界面，提供直观的图形化用户界面，支持快速部署、操作和监控Docker容器、镜像、服务等。
|
||||
  Portainer提供用户管理、权限控制、容器生命周期管理、镜像操作、服务堆栈管理等功能。支持多节点管理和面板化展示。
|
||||
|
||||
## 3.2 安装
|
||||
  拉取镜像：`docker pull portainer/portainer-ce`
|
||||
|
||||
## 3.3 启动
|
||||
  启动容器：`docker run -d -p 9000:9000 -v /var/run/docker.sock:/var/run/docker.sock -v /dockerData/portainer:/data --restart=always --name portainer portainer/portainer-ce:latest`
|
||||
|
||||
## 3.4 运行
|
||||
  在浏览器中输入`127.0.0.1:9090`即可访问Portainer管理系统。
|
||||
|
||||
# 四、Docker基础命令
|
||||
| 功能分类 | 命令功能 | 具体命令及示例 |
|
||||
|------------------|--------------------------|-------------------------------------|
|
||||
| **Docker环境** | 查看版本信息 | `docker version` |
|
||||
| | 查看系统信息 | `docker info` |
|
||||
| | 启动Docker服务（Linux） | `sudo systemctl start docker` |
|
||||
| | 停止Docker服务（Linux） | `sudo systemctl stop docker` |
|
||||
| | 重启Docker服务（Linux） | `sudo systemctl restart docker` |
|
||||
| | 设置开机自启（Linux） | `sudo systemctl enable docker` |
|
||||
| **镜像操作** | 搜索镜像（Docker Hub） | `docker search nginx` |
|
||||
| | 拉取镜像（最新版） | `docker pull nginx` |
|
||||
| | 拉取镜像（指定版本） | `docker pull nginx:1.24.0` |
|
||||
| | 查看本地镜像 | `docker images` |
|
||||
| | 删除镜像 | `docker rmi nginx:1.24.0` |
|
||||
| | 删除悬空镜像 | `docker image prune` |
|
||||
| | 删除所有未用 | `docker image prune -a` |
|
||||
| | 构建镜像 | `docker build -t mynginx:v1 .`（当前目录Dockerfile） |
|
||||
| | 保存镜像 | `docker save -o nginx.tar nginx:1.24.0` |
|
||||
| | 加载镜像 | `docker load -i nginx.tar` |
|
||||
| **容器操作** | 创建并启动容器 | `docker run -d --name mynginx -p 80:80 nginx` |
|
||||
| | 查看运行中容器 | `docker ps` |
|
||||
| | 查看所有容器（含停止） | `docker ps -a` |
|
||||
| | 启动已停止容器 | `docker start mynginx` |
|
||||
| | 停止运行中容器 | `docker stop mynginx`、`docker kill mynginx` |
|
||||
| | 重启容器 | `docker restart mynginx` |
|
||||
| | 进入运行中的容器 | `docker exec -it mynginx /bin/bash` |
|
||||
| | 查看容器日志 | `docker logs mynginx` |
|
||||
| | 删除容器 | `docker rm mynginx`、`docker rm -f mynginx`|
|
||||
| | 清理所有停止的容器 | `docker container prune` |
|
||||
| | 查看容器详情 | `docker inspect mynginx` |
|
||||
|
||||
# 五、Docker Compose
|
||||
|
||||
# 六、Docker实战
|
||||
  [Docker-完整项目的部署(保姆级教学)_docker部署-CSDN博客](https://blog.csdn.net/qq_71654538/article/details/136520075)
|
||||
|
||||
# 七、参考资料
|
||||
1. [Docker — 从入门到实践](https://github.com/yeasy/docker_practice?tab=readme-ov-file)
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
## 一、基础概念
|
||||
|
||||
## 二、Docker部署
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、Jenkins安装
|
||||
## 1.1 简介
|
||||
  Jenkins 是一款开源的持续集成（Continuous Integration, CI） 和持续交付（Continuous Delivery, CD） 自动化工具，广泛应用于软件开发流程中，帮助团队实现代码构建、测试、部署的自动化，从而提升开发效率、减少人为错误，并确保软件质量。
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
## 一、基础概念
|
||||
### 1.1 Fluent Bit
|
||||
  [Fluent Bit](https://fluentbit.io/) 是一个开源的、轻量级、高性能的日志处理器和转发器。Fluent Bit 的核心任务是：**从各种来源收集日志、指标和追踪数据，进行处理和过滤，然后将其发送到一个或多个目的地。**
|
||||
|
||||
BIN
docs/DevOps/images/docker.png
Normal file
BIN
docs/DevOps/images/docker.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
docs/DevOps/images/虚拟机.png
Normal file
BIN
docs/DevOps/images/虚拟机.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
@@ -8,3 +8,4 @@ title: DevOps
|
||||
- [OpenObserve部署和使用](/DevOps/OpenObserve)
|
||||
- [Jenkins部署和使用](/DevOps/Jenkins)
|
||||
- [ElasticSearch部署和使用](/DevOps/ElasticSearch)
|
||||
- [Docker简介和安装](/DevOps/Docker)
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、基础语法
|
||||
## 1.1 变量与常量
|
||||
```dart
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 应用核心Widget
|
||||
```dart
|
||||
// Flutter 应用的入口，配置主题、路由、国际化等。
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 安卓签名
|
||||
  每次安装/升级软件必须使用同一个签名，否则会将本地数据全部清空。
|
||||
## 1. 生成密钥库文件
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、简介
|
||||
  [FastAPI](https://fastapi.tiangolo.com/zh/) 是一个用于构建 API 的现代、快速（高性能）的 web 框架，使用 Python 并基于标准的 Python 类型提示。
|
||||
  安装：
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、基础概念
|
||||
## 1.1 OAuth2 Password Bearer 模式
|
||||
  用于**用户名+密码**登录，获取**access_token**。
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、简介
|
||||
  Flyway 是一个开源的数据库版本控制工具，它极大地简化了数据库的迁移和版本管理。它的核心思想是像**用 Git 管理代码一样来管理数据库的结构**。
|
||||
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、简介
|
||||
  [MyBatis](https://mybatis.org/mybatis-3/)是一款优秀的持久层框架，它支持自定义 SQL、存储过程以及高级映射。MyBatis 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。MyBatis 可以通过简单的 XML 或注解来配置和映射原始类型、接口和 Java POJO（Plain Old Java Objects，普通老式 Java 对象）为数据库中的记录。
|
||||
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# MySQL知识点
|
||||
## 一、基础知识
|
||||
### 1.1 数据类型
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、TCP
|
||||
## 1.1 定义
|
||||
  TCP（Transmission Control Protocol，传输控制协议）是互联网核心的**面向连接、可靠、字节流**的传输层协议，工作在 OSI 模型的传输层（TCP/IP 模型的传输层），基于 IP 协议提供端到端的可靠数据传输服务。它是 HTTP、HTTPS、WebSocket、MQTT 等应用层协议的底层依赖，核心目标是解决 IP 协议 “无连接、不可靠、无顺序” 的缺陷，确保数据在不可靠的网络中准确、完整、有序地传输。
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 简介
|
||||
  [RustFS](https://rustfs.com.cn/) 是一个基于 Rust 构建的高性能分布式对象存储系统。
|
||||
  具体以下特点：
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、JsonView
|
||||
  JsonView 是 Jackson 提供的注解，用于控制对象序列化/反序列化时包含哪些字段。可以实现：
|
||||
- 不同接口返回不同字段
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、框架说明
|
||||
  本框架基于Spring Boot3框架二次开发，增加了依赖包管理和启动项配置等功能。
|
||||
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、启动流程
|
||||
|
||||
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、原生镜像
|
||||
  传统 Java 应用基于 JVM 运行，需要加载完整的类库和 JVM 运行时环境，导致启动时间长、内存占用高。而**原生镜像技术通过提前编译（AOT）将 Java 应用直接编译为本地机器码，无需 JVM 即可运行**，具有以下核心优势：
|
||||
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、Bean概念
|
||||
## 1.1 定义
|
||||
  Spring bean是Spring框架在运行时管理的对象，Bean是一个由Spring IoC容器实例化、组装和管理的对象。
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、简介
|
||||
  Spring Boot Starter是一组预定义的依赖项集合，旨在简化Maven或Gradle等构建工具中的依赖管理。每个Starter都包含了实现特定功能所需的库和组件，以及相应的配置文件。开发者只需在项目中引入相应的Starter依赖，即可快速搭建起具备该功能的项目骨架。
|
||||
  Starter=依赖+自动配置+配置文件
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、IOC
|
||||
  Spring框架的核心是IOC（控制反转）容器，它负责管理应用程序中的对象（称为Bean）的创建、配置和组装。
|
||||
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、基础概念
|
||||
  Spring MVC（Spring Model-View-Controller）是 Spring Framework 中的一部分，它是一个基于 **<font style="color:#DF2A3F;">请求驱动</font>** 的 Web 框架，主要用于构建 Web 应用程序，并且遵循 MVC（模型-视图-控制器） 设计模式。它将 Web 应用的业务逻辑、用户界面和请求处理分离，使得代码更加模块化和可维护。
|
||||
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、网络请求阶段
|
||||
1. DNS 解析
|
||||
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# JavaScript简介
|
||||
## JavaScript 实现
|
||||
  完整的`JavaScript`实现包含以下几个部分：
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# npm
|
||||
  2010年随Node.js发布的npm，首次为JavaScript引入了标准的包管理系统。其核心创新是**package.json文件**，通过语义化版本规范定义了依赖声明标准。这一设计解决了手动管理依赖时的版本混乱问题，为模块化开发提供了基础设施。
|
||||
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、Vite简介
|
||||
  Vite是新一代的前端构建工具，在尤雨溪开发Vue3.0的时候诞生。类似于Webpack+ Webpack-dev-server。
|
||||
  其主要利用浏览器**ESModule特性**导入组织代码，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。生产中利用Rollup作为打包工具，号称下一代的前端构建工具。
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、Vue3 整体架构图
|
||||
```mermaid
|
||||
graph TD
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<ArticleMetadata />
|
||||
|
||||
# 一、依赖管理
|
||||
  本项目会传递安装的依赖有：
|
||||
|
||||
|
||||
Reference in New Issue
Block a user