前端开发
-
引言 随着大语言模型（LLM）的日益普及，我们希望这些模型能准确地完成各种任务。然而，直接使用LLM往往不能保证最佳效果。这时，"Few-Shot Learning"技巧便派上了用场。通过向模型提供一些示例输入和输出，我们可以引导生成过程，并显著改善模型的输出质量。这篇文章将详细介绍如何构建Few-Shot Prompt模板，并展示其在提升LLM性能上的威力。 主要内容 什么是Few-Shot Prompt Few-Shot Prompt是一种将一组示例输入输出对提供给模型的策略。通过在Prom
2024-11-23 -
button <el-button type="info" size="small" plain :disabled="countdown>0?true:false" @click="sendYzm()">{{ countdown > 0 ? `${countdown} 秒后重新获取` : '获取验证码' }}</el-button> javascript export default { data() { return { countdown:0, }
2024-11-23 -
【场景描述】 在项目中使用了umi-request 来处理请求拦截，但是使用时发现了一个问题： 在请求接口时，如果成功则返回内容，否则会直接报错，无法获取到服务器返回的具体报错信息， 而服务器返回的信息有三种情况： 【目标】 能够在umi-request统一处理错误信息之前获取到服务器返回的内容并处理 【参考】 【解决】 在errorHandler中直接获取data，然后进行处理或直接返回即可 【代码】 import { extend } from 'umi-request'; imp
2024-11-23 -
post请求发送Json数据 写接口用这个真的好用， 调试简直不要太爽！ 传json到后台，用post方式，好处直接可以传一些复杂结构的数据， 通过spring的@RequestBody直接获取出对应的bean. postman需要准备的： 1. 选post请求 2. Headers中添加 key: Content-Type value:application/json 3. Body中选raw, JSON(application/json) 4. 文本框中写入json参数, 简单
2024-11-23 -
整体认识和路由配置 1. 准备组件模版 <script setup> </script> <template> <div class="xtx-goods-page"> <div class="container"> <div class="bread-container"> <el-breadcrumb separator=">"> <el-breadcrumb-item :to="{ path: '/' }">首页</el-b
2024-11-23 -
今天写代码的时候偶然发现了外边距塌陷(margin collapse)这个问题，大致来说，就是这样 从上图很容易看到，.square的属性中 margin: 10px; 两个square的中间应该就有 20px的距离（上面的下边距+下面的上边距)，但实际情况只有10px，这就叫做外边距塌陷，实际外边距会是两者中较大者。上述情况为临近元素的外边距塌陷(Adjacent Elements)比较容易解决，可以通过只定义一个边距解决（譬如只定义上边距，下边距统统省略）。还有一种情况是父子元素的外边距
2024-11-23 -
nuxt自定义指令以及渲染markdown格式和代码块高亮 一般在网上搜索nuxt渲染markdown都是用v-html 但是现在在使用v-html会出现报错 'v-html' directive can lead to XSS attack. // 'v-html'指令可能导致XSS攻击。 所以这种方式不在可行 这个时候可以引入vue-dompurify-html yarn add vue-dompurify-html 在nuxt中引入时可以在plugins中创建vueInject.js
2024-11-23 -
首先你的数据是树形结构的，并且每个节点都记录了父节点的id，满足这个条件可以直接使用以下两步来处理，如果是其他情况，要具体分析一下去改动。 第一步 将树形结构扁平化处理 flattenTree(treeData) { const result = []; function traverse(node) { if (node.childrenList && node.childrenList.length > 0) { for (const child of
2024-11-23 -
Vue中提供了一种特定功能，可以监听一个受控制的变量（data选项中声明的变量）内部的数据是否发生更新，一旦发生更新就**可以被监听（自动执行）**并执行一些后续的操作！ 基本语法： const app = new Vue({ .... watch: { 被监听的变量: function(oldVal, newVal) { 当变量中的数据一旦发生改变，自动执行的函数 } } }) 代码操作： <!DOCTYPE html> <html lang="zh
2024-11-23 -
整理 | 郑丽媛 “内忧外患”这个词，用来形容谷歌最近的处境可能再合适不过。 首先是内部，有用户指出谷歌旗下 Gemini 在聊天过程中无故回复其“去死”。虽然谷歌表示已采取相关行动以防止类似输出再次发生，此事仍在技术社区中引起了高度关注。 其次是外部，据彭博社报道，美国司法部正在针对谷歌是否违反反垄断法规展开调查，并计划强硬措施，即强制谷歌出售其 Chrome 浏览器——受此消息影响，谷歌股价下跌了 1.8%。 今年 8 月，法院裁定谷歌存在垄断行为 从时间线上来看，谷歌自 2019 年
2024-11-23