VVLL.net

首页

日期:2024-08-22 09:58:31

最新动态

思维导图

mindmap
root((VVLL.NET))
  ((前端开发))
    智能AI
    后端技术
    数据库
      EdgeDB
      MongoDB
      Microsoft Sqlserver
      MySql
      Oracle
      PostgreSQL
      Redis
      Sqlite
    部署/构建
      Docker
      Github Actions
      Kubernetes
      Vercel

    前端技术
    编程语言
      C#
      Dart
      Go 语言
      Java
      Javascript
      Python
      Regex
      SQL
      Typescript
    移动端开发
    操作系统
    边缘工具
    网站
    文本格式
      H5
      HTML
      Json
      Json5
      Markdown
      Mermaid
      XML
      XSL
      YAML
    开发工具
    Vue
    Nuxt
    Vite
    npm
    pnpm
    yarn
  (后端开发)
    ASP.NET Boilerplate
    Abp vNext
    Entity Framework Core
    Elasticsearch
    Graphql
    Hangfire
    JWT
    MinIO
    .Net
    .Net Core
    Nuget
    OAuth
    Prisma
    Quartz
    RabbitMQ
    Swagger
    TypeORM
    WebSocket
sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
    Alice-)John: See you later!

journey
    title 工作日志
    section 周一 ~ 周三(摸鱼)
      摸鱼: 5: Vue, Nuxt, mermaid
      画饼: 3: Vue
      合并代码: 1: TypeScript, Nuxt, mermaid
    section 周四、五
      修改Bug: 4: Vue
      提交Github并部署: 5: Nuxt, mermaid
    section 周六、周日
          打球: 5: Vue, mermaid
          睡觉: 5: Nuxt, mermaid
flowchart LR

A[Hard] -->|Text| B(Round)
B --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]

安装

安装依赖

<!-- sequence -->
A->B:helo
Note right of B: blob
B-->A:aaa

  • 中文
  • 英文
  • Pnpm
default.txt
# npm
`default`

This page corresponds to the / route of your website. You can delete it or create another file in the content/ directory.

Try to navigate to about. These 2 pages are rendered by the pages/[...slug].vue component.


“不积跬(kuǐ)步,无以至千里;不积小流,无以成江海。”——荀子

@layer components {
  .box {
    @apply border border-slate-200 rounded-lg p-2 dark:border-slate-700;
  }
  .box-hover {
    @apply border-green-100 dark:border-green-700;
  }
  .card {
    @apply box bg-slate-100 dark:bg-slate-800;
  }
  .card-hover {
    @apply box-hover bg-green-500 bg-opacity-20;
  }
}

Yaml/yml

_dir.yml
title: Content Home
icon: ic:outline-house
title: Content Home
icon: ic:outline-house
<script lang="ts" setup>
const props = defineProps<{
  title?: string;
  description?: string;
  hover?: boolean;
}>();
</script>

<template>
  <div
    class="p-4 space-y-2 rounded-lg box"
    :class="{ 'hover:box-hover': hover }"
  >
    <slot>{{ description }}</slot>
  </div>
</template>
<style scoped>
.box > * {
  @apply m-0;
}
</style>
{
  "name": "zhongpei",
  "index": 99
}