自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(60)
  • 收藏
  • 关注

原创 重学docker

示例:制作自己的centos镜像,实现进入容器中默认访问/usr目录,并且可以运行vim(docker的centos是比较轻量的,所以没有vim)但是这样的操作过于繁琐,所以可以通过docker数据卷,将nginx容器和外面的目录保持同步,我在外面的目录,例如(docker数据卷,简单来说,就是docker内部的文件,映射到容器外,做一个持久化的保存。此时可以看到本地的目录和nginx容器内是同步的,如果在nginx容器内部的挂载目录执行了。)下上上传了一个html文件,nginx容器内也会有相同的文件。

2026-06-03 23:54:08 252

原创 采用pretext实现不定高虚拟滚动

它是一个通过计算可以得到文本的高度的库,prepare方法传入文本内容和字体大小可以计算出每个文字的排版,layout传入prepare、容器宽度和行高,返回整个容器高度和行数。这个库对于一些需要提前知道高度的场景非常有用。甚至可以在server计算好高度,提供给前端。像不定高的虚拟列表的场景,通常需要高度占位,然后滚动后再缓存,有了这个库可以做到内容虚拟列表内容的提前精确计算。解决了滚动过快导致计算不准确的问题。可以看到真实的dom高度和计算出来的dom高度一样。

2026-04-03 17:01:04 80

原创 08—langchain Retrieval

本文介绍了RAG(检索增强生成)技术及其在解决大模型幻觉问题中的应用。主要内容包括: RAG的设计意义:通过检索外部知识库为大模型提供上下文,提高专业领域回答的准确性,缓解大模型幻觉问题。 RAG流程详解:包含数据源获取、文档加载、转换处理、向量嵌入、存储和检索六个关键环节。重点说明了文档拆分和向量化的重要性。 文档加载器的使用:展示了如何通过不同加载器(TextLoader、PDFLoader等)将各类格式文档转换为标准Document对象。 RAG的优缺点:优点是提供丰富上下文、保护隐私、提升时效性;缺

2026-02-07 02:31:03 853

原创 07—langchain Agent

文章摘要 Agent(智能体)是一种通过协调大语言模型(LLM)和工具(Tools)来完成复杂任务的智能系统。与固定流程的Chain不同,Agent具备自主决策能力,能动态决定任务分解、工具调用顺序等。其核心组件包括:LLM(推理大脑)、记忆系统、工具集、规划能力和行动执行。 Agent分为两种工作模式: Function Call模式:结构化函数调用,高效但需特定LLM支持 ReAct模式:自然语言推理,更具解释性但延迟较高 创建方式包括传统initialize_agent()和更灵活的AgentExec

2026-02-07 02:27:42 805

原创 06—langchain Tool

文章摘要: Tool是扩展大语言模型(LLM)能力的重要组件,使LLM能够与外部系统交互,执行超出纯文本生成范围的任务。本文介绍了Tool的核心概念和实现方式: Tool特点:增强LLM功能、支持智能决策、模块化设计,可执行搜索、计算、数据库查询等操作。 Tool要素:包含名称、描述、参数模式、调用函数和返回控制等关键属性。 两种实现方式: 使用@tool装饰器:最简实现,自动从函数文档生成描述 StructuredTool.from_function:提供更灵活的配置选项 调用流程:LLM分析用户需求后,

2026-02-07 02:25:55 857

原创 05—langchain Memory

本文介绍了LangChain中的Memory模块,它是实现多轮对话上下文记忆的关键组件。文章首先解释了为什么需要Memory模块(因为大模型本身不具备记忆功能),然后详细阐述了Memory的概念和作用。文章重点讲解了三种Memory实现方式:ChatMessageHistory(基础消息存储类)、ConversationBufferMemory(完整存储对话历史)和ConversationBufferWindowMemory(仅保留最近K条对话)。每种方式都配有代码示例,展示了如何与提示词模板和大模型结合使

2026-02-06 02:39:55 925

原创 04—langchain Chain

本文介绍了LangChain中Chain的基本概念和使用方法。Chain通过组合提示模板、LLM模型、输出解析器等模块化单元,形成可复用的工作流来完成复杂任务。重点讲解了LCEL(LangChain表达式语言)的构成和使用,它通过管道符|连接组件,并基于Runnable协议实现统一调用方式。此外,文章还介绍了传统Chain的用法,包括基础链LLMChain和顺序链(SimpleSequentialChain),展示了如何将多个链串联执行以构建完整任务流程。这些技术显著简化了AI应用的开发过程。

2026-02-06 02:26:37 877

原创 03—langchain Prompt

本文介绍了Prompt Template在LangChain中的应用,重点阐述了提示词策略的差异、设计原则和编写框架。主要内容包括: 提示词策略差异:通用模型需要显式引导推理步骤,而推理模型只需简洁指令 关键原则:根据任务类型选择模型,通用模型需结构化引导,推理模型需简洁指令 编写框架:按任务>上下文>示例>角色>格式>语气的优先级设计提示词 实用技巧:包括限制输出格式、使用分隔符、提供样例等 LangChain中的PromptTemplate使用:介绍了创建实例、部分提示词模

2026-02-06 02:23:26 759

原创 02—langchain Model

本文介绍了LangChain框架中模型调用的核心概念和实现方式。主要内容包括: 模型调用流程:分为Format(输入格式化)、Predict(模型预测)、Parse(输出解析)三个步骤。 环境配置:介绍了如何设置环境变量和使用dotenv包管理API密钥。 模型分类: 非对话模型(LLMs):适合单次文本生成任务 对话模型(Chat Models):支持多轮对话,是主要调用方式 嵌入模型:将文本转换为向量表示 消息类型:详细说明了SystemMessage、HumanMessage、AIMessage等不同

2026-02-06 02:20:57 815

原创 01—langchain 架构

LangChain是一个AI应用开发框架,其架构包含四个主要部分:LangChain核心提供基础组件(模型、提示、链等),LangGraph用于复杂任务协调,LangSmith提供调试和监控工具,LangServe用于API部署。框架采用分层设计,从基础组件到高级应用链。核心功能包括提示模板、大模型调用、输出解析、工具集成和RAG等。其中LangGraph的任务协调和LangSmith的运维监控被视为最具发展潜力的模块。LangChain通过模块化设计简化了AI应用开发流程,支持从原型到生产的全流程开发。

2026-02-06 02:15:48 978 1

原创 数据埋点指南

本文讲述数据埋点的概念、需要统计的内容,以及API层面的设计,包括面试回答方面,能让你对埋点有个新的认识。

2025-10-06 11:44:36 1055

原创 Vue渲染—深入VNode(h函数、JSX、render函数)

本文讲述了关于h函数、jsx、render函数的作用和用法

2025-10-04 08:17:50 1019

原创 探究Function Calling 和 MCP 的奥秘

本文讲述function calling 和 mcp,以及mcp具体使用和实战

2025-10-02 22:45:29 904

原创 qiankun 微前端接入实战

qiankun微前端实战,有完整的接入过程,以及一些遇到的问题,例如:解决项目的登录态和权限的问题。

2025-09-06 15:32:47 1029

原创 Stenciljs,一个Web Components框架新体验

一个新的框架Stenciljs,编写web components组件,拥有跨平台的特性,采用装饰器语法,本文讲述这个框架的使用

2025-08-28 17:16:25 1165

原创 如何开发一款 VS Code 插件

本文讲述了如何开发一款vscode插件,并进行发布

2025-07-19 02:52:50 962

原创 前端项目如何配置开发校验规范

本文章算是自己项目初始化搭建的一个步骤备份,讲述了一个前端项目完成的开发规范校验步骤,从eslint、prettier、commit lint等过程

2025-06-29 04:40:18 518

原创 如何实现一个请求库?【面试场景题】

如何实现一个请求库?【面试场景题】

2025-05-31 19:31:12 1079

原创 万字了解什么是微前端???

本文介绍了微前端的概念、核心点及其技术方案。微前端是一种将多个独立开发、测试、部署的前端应用组合成一个整体的架构风格,旨在解决大型应用的技术复杂性、团队协作和业务需求问题。微前端并非特定技术,而是基于实际需求的架构设计,支持跨技术栈和不同粒度的应用集成。文章还对比了主流的微前端技术方案,如原生 iframe 和基于 Shadow DOM 的无界框架,分析了它们的优缺点。通过案例源码和详细的技术解析,帮助读者理解微前端的实现原理和应用场景。

2025-05-11 13:55:48 3261

原创 虚拟列表+无限滚动的实现

本文讲述如何实现虚拟列表、无限滚动

2025-04-27 22:04:44 1252 1

原创 如何在项目中使用双token机制?

如何实现双token机制,后端nest,前端vue+axios

2025-04-26 22:51:01 1157

原创 monorepo

如何搭建monorepo项目

2024-12-24 09:09:29 536 1

原创 单元测试-vitest笔记

vites笔记,包含基本用法,在vue、react框架中使用

2024-12-21 18:17:01 2239 4

原创 sass的用法

sass常用方法

2024-12-20 00:58:20 1408

原创 peerDependencies对等依赖

讲述peerDependencies是什么

2024-12-18 21:48:59 829

原创 构建功能-vite、rollup

构建功能:vite、rollup笔记

2024-12-16 19:21:43 1572

原创 vue列表滚动动画效果

⚠️注意:这里的:key="item.id",必须要用id之类的,不能用index。

2024-12-07 02:24:27 777

原创 构建工具-webpack

前端工程化,构建工具webpack和vite的笔记

2024-11-03 03:51:01 1311

原创 ts类型体操笔记

typescript 类型体操

2024-09-01 00:00:33 1239

原创 docker笔记

docker笔记

2024-08-28 02:49:47 1271

原创 微信小程序真机调试网络错误

因为IOS升级了本地网络权限,所有只要在设置-》隐私-》本地网络-》打开微信的这个权限,就可以正常调试使用了。

2024-08-17 20:59:15 2337 2

原创 Umijs笔记

umijs笔记

2024-08-04 02:35:21 1464

原创 NestJS笔记-从入门到测试再到部署

概述:本篇文章是NestJS笔记,包括了Nest的基本使用、连接数据库、日志操作。

2024-07-16 05:29:04 1236

原创 eggjs笔记

这里是this.ctx:当前请求的上下文 Context 对象的实例,通过它我们可以拿到框架封装好的处理当前请求的各种便捷属性和方法。this.app:当前应用 Application 对象的实例,通过它我们可以拿到框架提供的全局对象和方法。this.service:应用定义的 Service,通过它我们可以访问抽象出的业务层,等价于 this.ctx.service。this.config:应用运行时的配置项。eggjs。pm2

2024-07-05 06:52:23 1803

原创 react笔记-05react扩展篇

对象式的setState是函数式的setState方式的简写方式(语法糖)。hooks

2024-06-20 02:07:36 1029

原创 react笔记-04redux篇

流程:创建action=>dispatch分发action=> 交给store=>reducer加工数据返回给store。redux使用。react-redux使用。

2024-06-18 05:41:57 1224

原创 react笔记-03react-router篇

一般组件的props信息需要通过父组件传递,而路由组件的props信息是路由信息,不需要传递。接收到的search参数是urlencoded编码的字符串,需要借助querystring解析。key=value&key=value => urlencoded编码。在一般组件内,不能像路由组件一样获取到路由信息,需要在组件上包裹一个。可以加工一般组件,让一般组件具备路由组件所特有的api,Redirect(重定向):谁都匹配不上,就走。:当匹配到第一个路由的时候就停止。的返回值是一个新组件。

2024-06-18 05:36:33 817

原创 react笔记-02生命周期篇

初始化阶段:由触发(初次渲染)render()常用,一般在这个钩子中做一些初始化的工作,例如:开启定时器,发送请求,订阅消息,类似于vue中的mounted更新阶段:由组件内部或父组件重新render触发shouldComponentUpdate() (强制更新不触发)render()卸载组件:由触发常用,一般在这个钩子中做一些收尾的事。

2024-05-06 00:56:34 1164

原创 react笔记-01基础篇

react基础内容

2024-05-04 06:12:57 1083

原创 vue3 + node大文件分片上传(前后端, 包括文件秒传、断点续传)

vue3 + node 实现大文件分片上传,包含文件秒传、断点续传

2023-11-05 00:38:51 567

mcp prompt gif

mcp prompt gif

2025-10-02

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除