- 博客(12)
- 收藏
- 关注
RSS订阅原创 LLM对话框 基于pinia+localstorage实现历史消息持久化以及分页加载技术
3.在localstorage中存储的是序列化后的对象字符串，里面有键 before_id（本地存储的最早历史信息id）、has_more（本地是否存储了全部历史消息）、messages（本地存的消息内容，是数组）分页加载的时机：监听页面滚动 当页面滚动到顶部时 触发消息拉取——>查看本地是否渲染完毕——>渲染完则从服务器拉取消息存到本地——>再从本地的消息进行。结合pinia插件，在拉取服务器消息的时候保存序列化的obj字符串到本地，在页面刷新时，优先从本地读取消息渲染到页面。分页加载分为两个部分。
2025-04-10 10:29:33
530
原创 vuex pinia 实现本地持久化
结合localStorage/sessionStorage，两处需要保持同步。使用pinia-plugin-persisitedstate插件。
2025-03-26 21:19:03
334
原创 跨域 原因 场景 以及 解决方式
CORS（Cross-Origin Resource Sharing，跨源资源共享）是一种机制，它使用额外的 HTTP 头来告诉浏览器允许一个域上的网页访问另一个域上的资源。注意这里JS脚本发送请求的过程是： 客户端 拿到服务器静态资源（html、css、js、png等）并解析后 会执行JS代码发送请求，所以发送请求的域是。跨域发生后，请求会正常发送出去，并且数据也会发送回来（回到浏览器），但是 处于浏览器的同源策略，不让你的JS拿到响应内容。http是应用层的数据传输协议，不受限制。
2025-03-26 20:44:41
417
原创 微任务 宏任务
宏任务队列只有一个，而每一个宏任务都有一个自己的微任务队列，每轮循环都是由一个宏任务+多个微任务组成（都只有一个队列）微任务队列（Promise的回调函数、await 后的代码）queueMicrotask()向微任务队列添加任务。- 调用栈中的代码执行完后，任务队列中的代码再放入栈中。全局作用域中的代码优先放入栈中。的代码，是一种数据结构。宏任务队列（大部分代码）
2025-03-25 13:35:22
187
原创 Promise原理 及其手写实现
通过new关键字调用构造函数Promise()，需要一个函数作为参数，可以是箭头函数 或者 匿名函数- 函数内需要传递两个参数：resolve、reject，都是函数名，可以向promise实例中- 通过Promise实例方法then()，then需要回调函数作为参数（实际需要两个）- 通过resolve存储的数据，会调用then第一个参数（函数）返回- promise中then、catch、finally都会返回一个新的promsie，新的promise中存储的是then()中回调函数的返回值。
2025-03-25 12:51:50
219
原创 进程 线程 同步 异步
一个进程至少有一个线程，一个进程可以运行多个线程，这些线程共享同一块内存，线程之间可以共享对象、资源。- 同步：代码自上而下一行一行执行，会出现代码阻塞的情况。- 异步：node在单线程中使用异步代码解决阻塞。- 线程：实际在进行运算的程序（工人）当之后的异步代码需要之前的异步代码的结果时，会出现。- 进程：程序运行的环境（厂房）
2025-03-25 11:57:41
251
原创 Floating-Vue 替换 iView Tooltip 的实现
iView 的 组件存在以下问题：无效 DOM 创建：即使 处于不可见状态，它仍然会创建对应的 DOM 节点，占用内存和影响性能。边界显示 Bug：当 组件位于屏幕边缘时，提示内容可能会被截断，而不会自动调整位置。使用 作为替代，它是一个基于 floating-ui 的 Vue 组件库，能够实现更优化的弹出框（Popover/Tooltip）效果，主要优势：仅在需要时创建 DOM 节点（按需渲染）。自动计算浮动位置，避免边界溢出问题。支持 Vue3，API 设计更灵活。
2025-03-25 11:09:31
278
原创 结合 el-select 来封装一个通用的供应商下拉框组件
灵活的传参配置：该组件可以接收多个配置参数，包括：必传项：传递一个函数，用于请求供应商数据（供应商列表）。可选项：是否支持多选、是否禁用下拉框等配置项，且都具有默认值。// 父组件<template>// 模拟请求供应商数据的函数// 这里模拟请求供应商数据，实际应从 API 请求return [{ id: 1, name: '供应商A' },{ id: 2, name: '供应商B' },{ id: 3, name: '供应商C' },// 更多供应商...本地缓存优化。
2025-03-24 19:12:37
535
原创 Coze API 中的流式响应（Streaming）实现及协议，以及错误处理
在 Coze API 中，流式响应（Streaming Response）是 LLM 交互的一个关键特性，能够让模型生成的内容逐步返回给前端，而不是等整个响应完成后再一次性返回。这样可以提高用户体验，使得 AI 回复更加自然、即时。
2025-03-24 17:28:02
2612
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人