全部文章
共 1299 篇文章
vue3 + vite 在线预览docx, pdf, pptx
一、内网 1. 使用docx preview 安装插件 引入依赖 2.pdf 使用vue3 pdf app 安装插件 引入依赖 使用方法非常简单 3.pptx 使用pptx.js 首先需要下载pptx的文件 github: 官网地址： 下载完成后放到public下的lib文件夹中, 然后在index.html中引入 使用： 二、外网（文件地址须在公网环境下） 调用 的服务 三、移动端适配 vue3 pdf app会自动适配 ， 主要是d...
2024 最新 React 面试题
1\. React18 新特性 18 不在支持 IE 批处理 18 之前，批处理 的更新。 18 中，批处理支持处理的操作范围扩大了： 等这些非 React 原生事件。 Transitions ：用于标记非紧急的更新，用 starTransition 包裹起来就是告诉 React，这部分代码渲染的优先级不高，可以优先处理其它更重要的渲染。 ：除了能提供 startTransition 以外，还能提供一个变量来跟踪当前渲染的执行状态。 S...
console使用
Hello，大家好，我是 Sunday。 在日常开发中，大多数同学都会通过 的方式来进行代码调试。但是 是具备很多局限性的，比如：我们想要获取某段代码的执行耗时，通过 就无法满足需求。 那么怎么办呢？其实对于 对象来说，除了 方法它还提供了很多其他的方法帮助我们进行调试，利用这些方法可以极大地提升我们的工作效率 01：console.table 使用 console.table 可视化复杂的对象和数组： 打印结果如下： 02：conso...
lottie 动画在 vue 中的使用
前言 最近我所负责的项目中采用了动画效果，最早使用 gif 来实现。然而，在实践过程中，我发现 gif 格式的动画在 git 中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的表现效果，我最终选择了 lottie 来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要，因此我非常认真地对待每一个细节，希望通过我的努力，为用户带来更加流畅、自然的视觉体验。 Lottie 简介 Lottie 是一个适用于 Android、iOS、...
七天速记前端八股文
for in和正常for循环的区别 在遍历数组时，正常的 循环通常比 循环更适合。虽然 循环可以用于遍历数组，但它有一些潜在的问题和限制。 下面是一些使用 循环相对于 循环的优势： 1. 顺序遍历： 循环可以按照数组元素的顺序进行迭代。而 循环在遍历数组时，并不能保证按照特定顺序遍历，因为它遍历的是对象的属性。 2. 不包含原型链上的属性： 循环仅遍历数组自身的索引，不包括原型链上的属性。而 循环会遍历对象的所有可枚举属性，包括原型链上...
全兼容的毛玻璃效果
通过本文，你能了解到： 1. 最基本的使用 CSS 实现磨砂玻璃(毛玻璃)的效果。 2. 在至今不兼容 的 firefox 浏览器，如何利用一些技巧性的操作，巧妙的同样实现毛玻璃效果，让这个效果真正能运用在业务当中。 什么是 CSS 属性可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）。 因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。 与 非常类似，可以取的值都是一样的，但是一个是作用于整个元素...
实现同时上传文件和表单json数据的解决方案 - 掘金
项目需求，实现通过一个后端接口同时接收form表单数据和文件。 前端 后端 1. 选择多个文件一起上传 错误代码 浏览器network调试面板中可看到发送的files参数为\[object file\]形式，而正确的形式应该是\[binary\] 解决方案 2. formData方法append和set区别 通过append(key, value)来添加数据 如果指定的key不存在则会新增一条数据，如果key存在，则添加到数据的末尾 通...
重新认识 Vue
使用 Vue3 的多种方式 Standalone Script：独立脚本 Embedded Web Components：作为 Web Component 嵌入 Single Page Application (SPA)：单页面应用 Fullstack / SSR：全栈/服务端渲染 JAMStack / SSG：JAMStack 架构/静态站点生成 独立脚本 首先，我们创建一个 html 文件。 其次，既然我们需要创建 Vue 项目，那...
Drag & Drop • by FormKit拖拽
Getting Started Install Drag and Drop is published as on npm. Click to copy the install command for your package manager of choice: Usage Drag and drop ships two main functions: and . These can be imported for your frame...