「 VUE 」
March 10, 2025
Words count
8.2k
Reading time
7 mins.
首先,前端部分需要用到Vue3的Composition API,可能需要用ref和reactive来管理状态。然后,文件上传要用到File API,特别是Blob对象的slice方法来分片。每个分片需要有一个唯一的标识,可能是文件名加上分片索引,或者使用文件内容的hash,但为了简化,可能先使用文件名和索引的组合。
接下来,上传进度的显示,需要计算已上传的分片数和总分片数,然后更新进度条。断点续传的话,需要后端支持,记录已上传的分片,所以前端在上传前应该先询问后端哪些分片已经上传过了,避免重复上...
Read article
「 AI 」
March 10, 2025
Words count
9.3k
Reading time
8 mins.
以下是在Vue3项目中集成AI大模型并实现流式优化的核心技术方案,包含完整的代码实现和架构设计:
一、流式传输与Chunk合并架构设计
1. 流式处理核心组件
<script setup>
import { ref, reactive } from 'vue'
// 流式数据状态管理
const streamState = reactive({
chunks: new Map(), // 当前接收块 {index: data...
Read article
「 JS 」
September 11, 2020
Words count
6.1k
Reading time
6 mins.
javasciprt是属于弱类型的语言。灵活的同时也带来一些问题,有时我们修改一些代码时,看上去是对的,结果出现了我们意想不到的结果。
在 JavaScript 中,当我们进行比较操作或者加减乘除四则运算操作时,常常会触发 JavaScript 的隐式类型转换机制;而这部分也往往是令人迷惑的地方。譬如浏览器中的 console.log 操作常常会将任何值都转化为字符串然后展示,而数学运算则会首先将值转化为数值类型(除了 Date 类型对象)然后进行操作。
关系操作符(<, >, <...
Read article
「 JS 」
September 10, 2020
Words count
5.5k
Reading time
5 mins.
原文地址
值类型(基本数据类型):字符串(string)、数值(number)、布尔值(boolean)、undefined、null (这5种基本数据类型是按值访问的,因为可以操作保存在变量中的实际的值)(ECMAScript 2016新增了一种基本数据类型:symbol)、BigInt(ECMAScript 2020新增)
引用类型:对象(Object)、数组(Array)、函数(Function)
值类型
1、占用空间固定,保存在栈中(当一个方法执行时,每个方法都会建立自己的内存栈,在这个方...
Read article