VUE March 10, 2025

vue3实现虚拟滚动组件

Words count 7.6k Reading time 7 mins.

以下是在 Vue3 中实现高性能虚拟滚动组件的核心技术方案及代码实现:


一、核心架构设计(Composition API)

<script setup>
import { ref...
Read article

VUE March 10, 2025

vue3实现大文件分片上传和断点续传

Words count 8.2k Reading time 7 mins.

首先,前端部分需要用到Vue3的Composition API,可能需要用ref和reactive来管理状态。然后,文件上传要用到File API,特别是Blob对象的slice方法来分片。每个分片需要有一个唯一的标识,可能是文件名加上分片索引,或者使用文件内容的hash,但为了简化,可能先使用文件名和索引的组合。

接下来,上传进度的显示,需要计算已上传的分片数和总分片数,然后更新进度条。断点续传的话,需要后端支持,记录已上传的分片,所以前端在上传前应该先询问后端哪些分片已经上传过了,避免重复上...
Read article

AI March 10, 2025

vue3 集成AI大模型

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

学习javascript应懂得33个概念之隐式,显式,名义和鸭子类型

Words count 6.1k Reading time 6 mins.

javasciprt是属于弱类型的语言。灵活的同时也带来一些问题,有时我们修改一些代码时,看上去是对的,结果出现了我们意想不到的结果。

在 JavaScript 中,当我们进行比较操作或者加减乘除四则运算操作时,常常会触发 JavaScript 的隐式类型转换机制;而这部分也往往是令人迷惑的地方。譬如浏览器中的 console.log 操作常常会将任何值都转化为字符串然后展示,而数学运算则会首先将值转化为数值类型(除了 Date 类型对象)然后进行操作。

关系操作符(<, >, <...

Read article

JS September 10, 2020

学习Javascript应懂得33个概念之值类型与引用类型

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
Load more
0%