joken-前端工程师

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: :: :: 管理 ::

2025年6月10日

摘要: 在使用 Axios 时,你只能直接获取到 Blob 对象,而不是 File 对象。这是因为: 根本原因 HTTP 协议限制 HTTP 响应本质是二进制数据流(Blob),不包含文件的元信息(如文件名、修改时间等)。这些元数据通常通过响应头(如 Content-Disposition)额外传递,但浏览 阅读全文
posted @ 2025-06-10 22:54 joken1310 阅读(107) 评论(0) 推荐(0)

摘要: 在使用 Axios 下载文件时,默认情况下,Blob 数据不会包含文件名(因为 Blob 本身没有 name 属性)。但你可以通过以下方法获取文件名: 从响应头 Content-Disposition 提取文件名 服务器通常会在响应头 Content-Disposition 中返回文件名,格式如: 阅读全文
posted @ 2025-06-10 22:51 joken1310 阅读(279) 评论(0) 推荐(0)

摘要: Blob 和 File 是 JavaScript 中处理二进制数据的两个接口,主要用于浏览器环境。它们的核心区别如下: 定义与来源 Blob (Binary Large Object) 通用的二进制数据容器,可存储任意类型的数据(如文本、图像、音频等)。 通过代码动态创建(如 new Blob(da 阅读全文
posted @ 2025-06-10 22:48 joken1310 阅读(103) 评论(0) 推荐(0)

摘要: Vue 3 computed 原理解析总结 Vue 3 的 computed 是基于 观察者模式(Observer Pattern) 和 惰性求值(Lazy Evaluation) 实现的响应式数据派生机制,其核心原理可总结如下: 核心角色 角色 Vue 3 对应部分 作用 Subject(被观察者 阅读全文
posted @ 2025-06-10 22:44 joken1310 阅读(137) 评论(0) 推荐(0)

摘要: computedAsync 是 VueUse 库中的一个实用工具,它允许你创建基于异步操作的计算属性。这对于需要根据一些异步数据源(例如从网络请求获取的数据)来更新组件的状态非常有用。 使用 computedAsync 首先,确保你已经在项目中安装了 VueUse: npm install @vue 阅读全文
posted @ 2025-06-10 22:26 joken1310 阅读(123) 评论(0) 推荐(0)

摘要: 在 Vue 3 中,computed 属性能够自动追踪其依赖的数据,并且仅在这些依赖发生变化时重新计算结果。这主要归功于 Vue 的响应式系统和它的依赖收集机制。 当你定义一个 computed 属性时,Vue 会执行你的 getter 函数(即你传递给 computed 的函数),并在执行期间追踪 阅读全文
posted @ 2025-06-10 22:18 joken1310 阅读(53) 评论(0) 推荐(0)