分类

共 10 个分类

说明文档11项目笔记7期末复习11code4经验总结9前端面试2杂项3算法学习1项目经验1代码解读3

Vuepress基础上手

2025/12/1 说明文档Vue3Vuepress

安装

依赖环境

注意node版本要对，不对用nvm换

阅读全文

Vitest入门

2025/11/6 说明文档Vitest

基本测试

📝 理解测试文件的基本结构

一个 Vitest 测试文件通常包含以下几个核心部分，它们共同构成了测试的基本骨架：

组成部分 描述 代码示例
导入语句 引入测试框架的功能和待测试对象。 import { describe, it, expect } from 'vitest';``import { sum } from './math';
测试套件 (Test Suite) 使用 describe将一系列相关的测试用例组织在一起。 describe('数学工具函数', () => { ... });
测试用例 (Test Case) 使用 it或 test定义单个具体的测试场景。 it('应该能正确计算两个数字的和', () => { ... });
断言 (Assertion) 使用 expect来验证代码的行为和输出是否符合预期。 expect(sum(1, 2)).toBe(3);
阅读全文

如何集成Elementplus?

2025/4/17 说明文档Vue3ElementPlus

在Vue3项目中集成Element Plus的流程可分为以下步骤，结合多个官方文档和社区实践总结：

一、环境准备

  1. 创建Vue3项目
    使用Vite或Vue CLI创建项目（推荐Vite）：

    npm create vite@latest my-app --template vue
cd my-app

  2. 安装依赖
    确保Node.js版本≥14，执行：

    npm install element-plus --save
# 若需要图标库
npm install @element-plus/icons-vue
阅读全文

SSE简介

2025/11/24 说明文档SSE

浏览器SSE（Server-Sent Events，服务器发送事件）是一种基于HTTP的技术，允许服务器主动将实时数据推送给客户端（如网页浏览器），而无需客户端反复请求。

SSE简介

SSE基本介绍

🔍 SSE的核心特性

SSE的核心工作机制是，客户端通过创建一个EventSource对象与服务器建立持久连接。服务器则通过发送具有特定Content-Type: text/event-stream头信息的响应，来保持此连接开放并持续推送数据。

其关键特性包括：

阅读全文

SSE实践

2025/12/1 说明文档SSE

概述

该实践基于nodejs的express框架搭建的后端，然后通过vuejs的前端进行请求学习。

后端部分通过设置SSE必需的响应头以及相应的定时器发送数据来建立sse接口，前端部分则通过eventSource.value = new EventSource(sse数据接口地址)来进行连接，利用eventSource.value.onopen,eventSource.value.onmessage 以及 eventSource.value.addEventListener('自定义事件名'，函数)来实现对后端数据的接收。

阅读全文

React基础入门

2025/12/10 说明文档ReactTypeScript

基础入门

一、核心认知：React 是什么？（类比 Vue）

Vue3 是「渐进式框架」，有完整的模板、指令、响应式体系；React 是「UI 库」（核心只管视图渲染），更像「函数式的视图生成器」，核心思想：用函数描述 UI，数据变了函数重新执行，UI 就更新。

关键类比（Vue3 → React）

Vue3 概念 React 对应概念 核心差异
单文件组件.vue 组件文件.tsx/.jsx React 用 JSX 写模板（HTML 嵌 JS）
setup () 语法糖 函数组件 React 组件本质是返回 JSX 的函数
ref/reactive useState/useReducer React 响应式是「显式更新」
watch/watchEffect useEffect/useLayoutEffect 副作用监听需手动指定依赖
Props 传值 Props 传值 逻辑一致，TS 类型声明方式不同
插槽 Slot 组件传子元素 / Props React 无插槽，用「传元素」替代
阅读全文

Docsify创建流程

2025/8/25 说明文档Vue3Docsify

📦 1. 环境准备

安装 Node.js 和 npm

  • 从 Node.js 官网 下载安装包（建议 LTS 版本）

  • 安装后验证是否成功：

    node -v   # 检查 Node.js 版本
npm -v    # 检查 npm 版本
阅读全文

Nust项目创建

2025/8/26 说明文档NuxtSSR

官方自带英文文档：README

pnpm create nuxt@latest nuxt4-project
阅读全文

Nignx

2025/9/17 说明文档Nignx前端部署

Nginx 是一款高性能的开源 Web 服务器、反向代理服务器和负载均衡器，以其高效、稳定和低资源消耗而闻名。下面我将详细解释 Nginx 的核心功能，并为你提供前端项目在本地和 Linux 服务器上的部署指南，包括常用命令和需要注意的关键点。

🌐 Nginx 详解与前端部署指南

✨ Nginx 核心功能

Nginx 采用事件驱动和异步非阻塞架构，使其能够高效处理大量并发连接，非常适合现代高流量网站和应用。

主要功能

Nginx 的核心功能可以归纳为以下三类，具体对比见下表：

功能类别 具体功能 描述

阅读全文

Http协议详解

2025/10/3 说明文档网络基础

HTTP协议是万维网数据通信的基础，理解它以及浏览器与服务器如何交互，是掌握现代Web技术的关键。下面我将为你深入解析。

🌐 HTTP协议核心解析与浏览器-服务器交互全流程

1️⃣ HTTP协议的基本认识

HTTP（超文本传输协议）是一种详细规定了浏览器和万维网服务器之间互相通信规则的应用层协议。它基于TCP/IP通信协议来传递数据，如HTML文件、图片文件、查询结果等。

关键特性：

  • 无连接：早期HTTP协议每次连接只处理一个请求，服务器处理完请求并收到应答后即断开连接。HTTP/1.1支持持久连接（Keep-Alive），允许连接在一段时间内保持打开状态，以便继续发送其他请求。
  • 无状态：协议对于事务处理没有记忆能力，每个请求都是独立的。为了解决无状态带来的问题，HTTP/1.1引入了Cookie技术。
  • 媒体独立：只要客户端和服务器知道如何处理数据内容，任何类型的数据都可以通过HTTP发送，通过MIME-type指定内容类型。
阅读全文

初级大模型算法工程师入门指南

2025/12/12 说明文档AI大模型基础

一、为什么选择应用优化方向？

大模型应用优化 ≠ 模型训练，这是最关键的认知！

✅ 90% 的大模型项目不需要自己训练模型，而是基于已有 API 进行应用开发✅ 硬件要求低：普通笔记本即可开发，无需高端 GPU✅ 入门周期短：零基础 1-2 个月可独立开发应用，3-6 个月可胜任初级岗位✅ 薪资可观：初级工程师月薪 15-30K，经验 2-3 年后可达 30-50K

核心工作内容：

阅读全文