- 博客(36)
- 收藏
- 关注
RSS订阅原创 关于基于nodeMap重构DOM的最佳实践
在现代Web应用中，DOM（Document Object Model）操作是前端开发的核心部分，同时也是性能瓶颈之一。随着应用复杂度的增加，直接、频繁地操作真实DOM不仅会引发大量的重排（Reflow）与重绘（Repaint），导致性能下降，而且使得状态管理变得困难且容易出错。在RPA（机器人流程自动化）、网页回放以及状态持久化等场景中，我们经常需要根据先前记录的数据序列来精确地重建DOM结构。传统的基于DOM Tree递归遍历的方法在性能和准确性上都有所欠缺。
2026-01-07 09:14:05
990
原创 浅谈提示词工程：企业级系统化实践与自动化架构（三）
在前两篇文档中，我们系统性地掌握了提示词工程的基础技巧和进阶架构。现在，我们将进入专家级应用阶段：如何将提示词工程从个人技能提升为企业级系统能力？如何实现提示词的自动化、规模化、可度量？本篇将深入探讨企业级提示词工程的系统化实践，帮助您构建可持续演进的AI应用架构。通过TypeScript代码示例，我们可以清晰地看到企业级提示词工程系统的具体实现方式。标准化组件管理- 通过PromptComponentLibrary实现统一管理自动化质量评估- 通过PromptEvaluator实现客观评估。
2026-01-07 09:12:37
922
原创 浅谈提示词工程：复杂场景下的高级策略与架构设计（二）
在掌握了提示词工程的基础技巧后，我们面临着更加复杂的现实挑战：如何在多步骤任务中保持一致性？如何处理超长文本？如何让模型进行自我验证？本篇文档作为《浅谈提示词工程：核心技巧与最佳实践（一）》的进阶篇，将深入探讨复杂场景下的高级提示词策略，帮助您从"会使用"迈向"精通"提示词工程。提示词工程的进阶应用体现了从"技巧使用"到"架构设计"的思维转变。系统化思维：将复杂任务分解为有逻辑关联的子系统迭代优化机制：建立自我验证和持续改进的循环规模化处理能力：掌握长文本、多文档的高效处理方法上下文智能管理。
2026-01-07 09:10:35
758
原创 关于如何选用embedding和rerank模型的最佳实践
在当前 AI 驱动的知识检索系统中，文本嵌入（Embedding）和结果重排序（Rerank）模型是实现高精度语义检索的核心组件。特别是对于政务服务领域的复杂业务场景，如何选择适配业务数据特征的高性能模型，直接影响到检索系统的精度、响应速度和用户体验。本最佳实践基于大连医保、社保、公积金全场景知识检索系统的实际项目经验，以及辽宁 / 大连参保登记流程的本地化适配实践，总结了如何选择和使用 Embedding 与 Rerank 模型的方法论和实践指导。通过此文档的阅读，你将收获。
2026-01-07 09:07:50
651
原创 LangGraph生态与RAG结合应用的最佳实践
随着人工智能和大语言模型 (LLM) 技术的快速发展，检索增强生成 (Retrieval-Augmented Generation, RAG) 已成为构建智能应用的重要技术手段。然而，传统的 RAG 实现往往往往缺乏灵活性和可控性，难以应对复杂业务场景的需求。LangGraph 作为一个新兴的工作流编排框架，为我们提供了强大的状态管理和复杂流程控制能力。它允许开发者构建具有循环、条件分支和持久化状态的复杂 AI 工作流，极大地增强了 RAG 系统的灵活性和可控性。
2026-01-06 18:34:21
999
原创 从 Node.js + TypeScript 无缝切换到 Python 的最佳实践
随着技术的发展和业务需求的变化，团队可能会面临从一种技术栈迁移到另一种技术栈的情况。本文档旨在帮助熟悉 Node.js + TypeScript 生态的开发者快速适应和掌握 Python 开发，特别是在本项目从 JavaScript/TypeScript 技术栈转向 Python 技术栈的过程中提供指导和参考。Node.js + TypeScript 与 Python 在语法和概念上的对应关系异步编程在两种语言中的实现方式对比模块导入和包管理机制的差异面向对象编程的不同实现方式。
2026-01-06 18:31:44
1095
原创 关于RAG与词性分析入门
通随着人工智能技术的发展，检索增强生成（Retrieval-Augmented Generation, RAG）已成为自然语言处理领域的重要技术之一。RAG 结合了信息检索和文本生成的优势，能够在保证生成内容准确性的同时，提供丰富且上下文相关的信息。在中文处理场景下，词性分析作为自然语言处理的基础环节，对提升 RAG 系统的性能起着至关重要的作用。通过词性分析，我们可以更好地理解文本结构，提取关键信息，优化检索和生成过程。
2026-01-06 18:27:52
804
原创 基于jieba的RAG通用分词最佳实践
在构建检索增强生成（Retrieval-Augmented Generation, RAG）系统时，文本分词和预处理是影响系统性能的关键环节之一。特别是在中文环境中，由于中文语言的特殊性（词语之间没有明显的分隔符），分词质量直接影响到后续的检索准确性和生成质量。本文档旨在介绍一种基于 jieba 分词库的通用中文文本分词和预处理方案，专门针对 RAG 系统的应用场景进行了优化，确保能够高效、准确地对各种类型的中文文本进行分词处理，并将其应用于 RAG 系统中的向量检索等关键步骤。
2026-01-06 18:24:15
734
原创 LangGraph入门：LCEL详解
LangGraph是LangChain生态系统中的一个重要组件，它扩展了LCEL（LangChain Expression Language）的能力，允许开发者构建有状态、多步骤的复杂AI工作流。与传统的线性链式调用不同，LangGraph支持循环、条件分支等图结构，能够更好地模拟真实世界的复杂决策流程。本文将深入探讨如何在TypeScript环境中使用LangGraph和LCEL，通过实际示例展示如何构建强大的AI应用。通过此文档的阅读，你将收获理解LangGraph的核心概念和架构设计。
2026-01-06 18:19:56
633
原创 浅谈提示词工程：核心技巧与最佳实践（一）
随着大语言模型的迅猛发展，如何与这些强大的“人工智能”进行高效、精准的沟通，已成为一项至关重要的技能。提示词工程，正是这门沟通艺术的科学。它并非简单的“提问”，而是通过精心设计输入指令，以引导模型生成高质量、符合预期的输出。本文旨在系统性地介绍提示词工程的核心方法论，通过剖析不同技巧的优缺点与适用场景，为您提供一套实用、可落地的“工具包”，助您在大模型时代提升生产力。通过此文档的阅读，你将收获体系化认知：了解提示词工程的基本架构和核心原则。实践性技巧：掌握几种主流提示词编写技巧的原理、优缺点及适用场景。
2025-11-05 14:27:53
1134
原创 自动生成swagger/openapi文档接口代码：ts-axios-api
官方文档地址：https://gitee.com/my2391713693/ts-axios-api/wikis/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E?
2025-05-20 12:37:04
388
原创 ts的一些实用工具包-数字转换/城市枚举/持续更新
保留指定位数小数 / 整数转换为分数 / 计算相对变化率/格式化大数字字符串（，分割）/ 格式化金额（自带¥符号） 等等......格式化金额，将数字转换为带¥的字符串，可以自定义保留位数(默认2位)六位城市代码转字符串 / 四位城市代码转字符串。* @param num - 要格式化的数字。* @returns 格式化后的字符串。
2025-05-13 11:08:11
200
原创 Vue3 不同大小屏幕和分辨率适配
一、安装所需的包（使用postcss相关的一系列包）等单位（包括npm安装的第三方组件），从而实现适配。它会自动将项目所有的px单位统一转换为。然后设置不同分辨率，查看是否生效。
2024-12-17 10:56:56
948
原创 关于pinia在axios请求拦截器或者之前的阶段使用，在App.vue挂载之前引入相关组件报错问题：Uncaught Error: []: “getActivePinia()“ was call
异步导入文件或者组件，就可以在页面加载完毕后才调用pinia。在pinia初始化之前使用了store，无法找到对应的数据。
2024-10-18 14:32:52
1619
1
原创 VUE3开箱即用的音频播放组件（基于原生audio）
注：我是使用unocss语法来编写css 如果项目没有搭载unocss 将其相应的转换为css即可。
2024-08-09 09:32:19
4526
2
原创 vant4单选框搭配单元格组件使用使用时取消单选的问题
上例中的level变量仅仅控制radio框是否勾选！在点击radio框时，level值会自动变化为radio绑定的name值，所以我们要获得稳定的level值不能依靠v-model里这个变量，需要另外定义一个trueLevel变量。
2024-08-02 16:05:20
547
原创 在vue3+vite下使用unocss
在import { createApp } from 'vue';css里：（如果没有这行代码可能导致简写无法生效）app.mount('#app');UserConfig下。
2024-07-30 17:48:04
952
原创 打包到测试环境css异常问题（页面样式显示异常）
找到css样式打包后所在的文件，搜索对应的css样式，删除再上传dist文件到测试环境，问题即可解决。打开浏览器调试发现，是css被污染了，找到异常元素对应的css样式。
2024-02-29 17:42:38
465
原创 VUE3中配置wangeditor5
官方文档地址：wangEditor步骤：1、下载依赖：cnpm install @wangeditor/editor --savecnpm install @wangeditor/editor-for-vue@next --save完成图示：2、wangeditor的使用：模板：<template> <div style="border: 1px solid #ccc"> <Toolbar style
2022-05-06 11:21:22
2162
5
原创 Cookie、Session、token的区别
首先要明确的是，cookie、session、token的主要作业就是在浏览器上保存用户的登录态。其实就是实现用户在网页上登录过一次后，一段时间内再次访问该网页不需要重新登陆，会实现自动登录的一个效果。Cookie：cookie是客户端用来存放数据的一个容器，大小大约为4K，最原始的实现保存用户登录态的方法就是使用cookie直接保存用户的用户名和密码。也就是说，在用户第一次登录的时候，我们将他的用户名和密码保存在cookie中，并设置cookie的过期时间，那么在cookie过期之前，我们每次访问
2022-04-25 11:27:27
476
原创 CSS实现三栏布局的8种方式
1、float实现三栏布局给左盒子设置float：left，给右盒子设置float：right，中间盒子设置margin-left和margin-right。需要注意的是，左右盒子要放在中间盒子之前。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e
2022-04-24 22:54:02
1703
原创 函数柯里化的原理及简单实现
什么是函数柯里化？概念：函数柯里化就是把一个具有n个参数的函数转变成为可以进行二次甚至n次调用执行的函数，也就是说将函数的n个参数分1~n次传入，在n个参数传入完成后一次性执行这个函数。原理：函数柯里化的原理就是将要柯里化的函数作为柯里化标准函数的返回值，将要保存的内容作为外部函数的变量。也就是利用闭包创建一个私有域，使内部变量可以长期保存在内存中，直到内部返回的函数执行完成。（也就是要被柯里化的函数的n个参数都传入完成，一次性完成了计算操作，那么闭包中保存的变量就被释放）以一个简单的例子来说：
2022-04-24 21:15:44
987
原创 HTTP常见的状态码及其含义
200 OK-[GET]服务器成功返回用户请求的数据201 CREATED-[POST/PUT/PATCH]用户新建或修改数据成功202 ACCEPTED表示一个请求已经进入后台排队（异步任务）204 NO CONTENT-[DELETE]用户删除数据成功400 INVALID REQUEST-[POST/PUT/PATCH]用户发出的请求有错误，服务器没有进行新建或修改数据的操作，该操作是幂等的401 UNAUTHORIZED-[*]表示用户没有权限（令牌、用户
2022-04-23 16:57:10
734
原创 浏览器输入url到页面展示出来的全过程
基本流程：1、用户在浏览器中输入url地址2、浏览器解析域名得到服务器ip地址浏览器会首先从缓存中找是否存在域名，如果存在就直接取出对应的ip地址，如果没有就开启一个DNS域名解析器。DNS域名解析器会首先访问顶级域名服务器，将对应的ip发给客户端；然后访问根域名解析器，将对应的ip发给客户端；最后访问本地域名服务器，得到最终的ip地址。3、TCP三次握手建立客户端和服务器的连接因为HTTP是基于TCP的可靠传输，所以在发送http数据报之前，需要先进行TCP的三次握手建立连接。三次握手
2022-04-23 16:24:12
25563
5
原创 JS防抖和节流
防抖：在一段时间内对状态的更新只取最后一次的状态应用场景：（1）scroll事件滚动触发（2）搜索框输入查询（3）表单验证（4）按钮提交事件（5）浏览器窗口缩放、resize事件简单的防抖函数：let debounce=function(fun,delay){//要设置防抖的函数，延迟时间 let timer=null;//设置定时器 return ()=>{ clearTimeout(timer);//再次触发事件重置定时器
2022-04-21 09:11:52
183
原创 axios如何在VUE中应用
首先，要在控制台下载axios，直接在VSCode或者你项目所在目录的文件夹下运行如下代码：$ npm install axios 或者 $ cnpm install axios然后创建一个配置项目路径的文件config.js，内容如下：const env = 'prod'const apiBaseUrl = { dev: 'http://xxxxx:0000', //你自己的项目路径 prod: 'http://xxxxx:0000'}export const C...
2022-04-21 08:26:41
1126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人