2025 年 1月 25 日随笔档案 - joken1310

js ArrayBuffer 二进制基本数据暂存对象

摘要： ArrayBuffer 是 JavaScript 中用于表示二进制数据的低级对象。它是一段固定长度的连续内存区域，通常用于处理文件、图像、音频、视频等二进制数据。ArrayBuffer 本身只是一个字节数组，不能直接操作，需要通过类型化数组（Typed Array）或DataView来访问和修改其内阅读全文

posted @ 2025-01-25 21:14 joken1310 阅读(301) 评论(0) 推荐(0)

js 迭代器next和生成器yield的区别

摘要：迭代器（Iterator）和生成器（Generator）是 JavaScript 中用于处理遍历和惰性求值的两个重要概念。它们密切相关，但有明显的区别。以下是它们的核心区别和联系： 1. 迭代器（Iterator）定义：迭代器是一个对象，它实现了迭代器协议，即具有 next() 方法。 next( 阅读全文

posted @ 2025-01-25 21:10 joken1310 阅读(141) 评论(0) 推荐(0)

vue3 组件打印出来是一个对象，这个对象是 Vue 组件实例的内部表示

摘要：在 Vue 3 中，打印某个组件实例时，确实会显示一个对象。这个对象是 Vue 组件实例的内部表示，包含了组件的状态、方法、生命周期钩子、响应式数据等信息。以下是详细说明： 1. 组件实例的结构当你打印一个 Vue 组件实例时，会看到一个包含以下内容的对象：常见属性： $data：组件的响应式数阅读全文

posted @ 2025-01-25 21:06 joken1310 阅读(125) 评论(0) 推荐(0)

ts enum使用小写英文作为key

摘要：在 TypeScript 中，enum 的键（key）可以是小写，但需要注意以下几点： 1. enum 的键可以是小写 TypeScript 的 enum 允许使用小写字母作为键名。例如： enum Status { active = 'ACTIVE', inactive = 'INACTIVE', 阅读全文

posted @ 2025-01-25 21:04 joken1310 阅读(90) 评论(0) 推荐(0)

vue3 inject 返回类型是Ref吗

摘要：在 Vue 3 中，inject 的返回值不一定是 Ref，它取决于你注入的内容是什么。以下是详细说明： 1. inject 的基本行为 inject 用于从祖先组件中获取通过 provide 提供的数据。它的返回值类型与 provide 提供的值类型一致。如果 provide 提供的是一个 r 阅读全文

posted @ 2025-01-25 21:03 joken1310 阅读(146) 评论(0) 推荐(0)

vue3 tsx slots写法

摘要：在 Vue 3 中使用 TSX 编写组件时，slots 的写法与 Vue 2 有所不同。Vue 3 的 TSX 支持通过 slots 属性或 v-slots 指令来传递插槽内容。以下是详细的写法说明： 1. 默认插槽默认插槽可以通过 slots.default 来传递内容。示例： import 阅读全文

posted @ 2025-01-25 21:01 joken1310 阅读(649) 评论(0) 推荐(0)

ts 构造函数的类型和构造函数的实例的类型的区别

摘要：在 TypeScript 中，构造函数类型和实例类型分别描述了不同的结构，以下是它们的核心区别： 1. 构造函数类型定义：构造函数类型描述构造函数本身的结构，包括静态成员和构造签名。语法：使用 new (...args) => InstanceType 表示，或通过 typeof ClassNa 阅读全文

posted @ 2025-01-25 20:59 joken1310 阅读(148) 评论(0) 推荐(0)

vue 项目如何避免刷新不更新缓存

摘要： 1. index.html 添加头部内容禁止缓存在你的Vue项目生成的index.html文件中添加以下meta标签，以确保该文件不会被浏览器缓存。这对于保证每次发布新版本时用户能立即获取最新资源非常重要。 <head>  <meta http-eq 阅读全文

posted @ 2025-01-25 20:55 joken1310 阅读(423) 评论(0) 推荐(0)

vue3 watch 是否默认深度监听-否，watchEffect是否默认深度监听-是

摘要：在 Vue 3 中，watch 函数提供了强大的监听功能，可以监听响应式数据的变化。默认情况下，watch 并不会进行深度监听，也就是说它只会检测到对象或数组的直接替换，而不会检测到其内部属性或元素的变化。如果你需要对对象或数组进行深度监听，可以通过设置 deep 选项来实现。基本用法假设你有一阅读全文

posted @ 2025-01-25 20:45 joken1310 阅读(927) 评论(0) 推荐(0)

vue3 tsx 驼峰样式或者中划线样式如何组件中引用

摘要：在 Vue 3 中使用 TSX 和 .module.scss 文件时，引用样式类名主要有两种常见方式：驼峰命名法和直接通过方括号引用原始类名。这两种方法都能有效地处理包含特殊字符（如连字符 -）的类名。驼峰命名法当你的 CSS 模块文件中的类名包含连字符或其他特殊字符时，Vue 的构建工具通常会阅读全文

posted @ 2025-01-25 20:40 joken1310 阅读(117) 评论(0) 推荐(0)

vue3 如何使用reactive或ref实现类pinia功能

摘要：在 Vue 3 中，你可以通过 ref 和 reactive 来实现类似 Pinia 的状态管理功能。Pinia 是一个官方推荐的状态管理库，它提供了模块化、插件支持和 TypeScript 支持等功能。不过，如果你希望手动实现一个简单的状态管理机制，可以使用 Vue 3 提供的响应式 API（如阅读全文

posted @ 2025-01-25 20:28 joken1310 阅读(231) 评论(0) 推荐(0)

vue3 ts 如何声明ref dom 数据类型

摘要：在 Vue 3 中使用 TypeScript 时，你可以通过 ref 来引用 DOM 元素或组件实例，并且可以通过类型注解来明确指定这些引用的类型。这有助于提高代码的可读性和类型安全性。使用 ref 引用 DOM 元素当你想引用一个 DOM 元素时，可以使用 ref 并结合 TypeScript 阅读全文

posted @ 2025-01-25 20:21 joken1310 阅读(1302) 评论(0) 推荐(0)

jszip 打包文件为zip文件参考

摘要：安装 yarn add jszip jszip 打包文件为zip文件参考 import JSZip from 'jszip'; var fileInput = document.getElementById('fileInput'); var file = fileInput.files[0]; v 阅读全文

posted @ 2025-01-25 20:12 joken1310 阅读(80) 评论(0) 推荐(0)

joken-前端工程师