全部文章
共 1299 篇文章
GET和POST请求到底有什么区别
在前后端交互中， 和 是两种最常见的HTTP请求方法，它们有许多不同之处也有相同之处。 它们只是 HTTP 协议为了不同分工而规定的两种请求方式，所以它们的底层都是基于TCP/IP协议实现的，它们都可以实现前后端的双向交互。 GET多用于从后端 获取资源 ，并且 不会改变 后端的资源数据，比如用搜索引擎搜索。而POST多用于向后端 发送数据 ，以 创建/更新 资源，比如前端的注册/登录。 区别一：参数传递 这是最直观的区别，GET请求传...
IntersectionObserver + scrollIntoView 实现电梯导航
电梯导航也被称为锚点导航，当点击锚点元素时，页面内相应标记的元素滚动到视口。而且页面内元素滚动时相应锚点也会高亮。电梯导航一般把锚点放在左右两侧，类似电梯一样。常见的电梯导航效果如下，比如一些官方文档中： 之前可能会用 判断元素是否在视口中来实现类似效果，但现在有更方便的方法了，那就是 ，轻松实现电梯导航。 scrollIntoView() 介绍 方法会滚动元素的父容器，使元素出现在可视区域。默认是立即滚动，没有动画效果。 如果要添加动...
TypeScript 中 `type` 和 `interface` 的区别
基本概念： 和 究竟是啥？ 就是类型别名，用来给各种类型起个名字。可以是基本类型、对象类型、联合类型、交叉类型、元组等。 则专注于定义对象的结构和行为。它更像是面向对象编程中的蓝图，描述了对象应该拥有哪些属性和方法。 用途和功能：什么时候用 ，什么时候用 ？ 的用途和功能 复杂类型组合 ： 非常适合定义联合类型、交叉类型和元组。 灵活性高 ：可以进行类型变换，比如条件类型和映射类型。 的用途和功能 描述对象结构 ： 用来定义对象的形状，...
vue3中动态加载远程组件
想必聪明的你第一时间就想到了 方法。我们先来看看官方对 方法的解释： 定义一个异步组件，它在运行时是懒加载的。参数可以是一个异步加载函数，或是对加载行为进行更具体定制的一个选项对象。 方法的返回值是一个异步组件，我们可以像普通组件一样直接在template中使用。和普通组件的区别是，只有当渲染到异步组件时才会调用加载内部实际组件的函数。 我们先来简单看看使用 方法的例子，代码如下： 方法接收一个返回 Promise 的回调函数，在Pro...
Electron在worker里面上传文件
前言 大家都知道，在 里面，除了壳子，业务代码其实都是放在浏览器环境的，就和我们写 和 项目其实没多大差别，最主要的区别主要是我们可以通过 能力，暴露给渲染进程一些方法，渲染进程通过和主进程交互，实现一些系统层面的能力交互。这期我们主要围绕着文件上传进行。 环境 ^23.1.1 18.0.0 ^23.6.0 ^4.2.0 其实关于上传功能，可以有两个选择，渲染进程上传 ｜ 主进程���传，但是，如果通过渲染进程上传，有几个弊端，第一，无...
JavaScript 解析各类文本：读取 docx和csv和pdf和pptx 文本信息（解析word文本）
❀ 本文讲解使用 JavaScript 读取解析不同文件的实际使用案例展示。展示的内容有： ① JavaScript 读取 DOCX 文档；② JavaScript 解析 CSV 文件内容按照 json 格式输出； ③ JavaScript 解析渲染 PDF 文档；④ JavaScript 提取 PDF 文档的内容； ⑤ JavaScript 提取 PPTX 文件内容案例； ❀ 温馨提示：如果想深入了解每一个JS库，可以看...
你不知道的 async、await 魔鬼细节
0、前言 关于 的使用相信很多小伙伴都比较熟悉了，但是提到 事件循环机制输出结果 类似的题目，你敢说都会？ 试一试？ 🌰1： 🌰2： ❓基本一样的代码为什么会出现差别，话不多说👇 1、async 函数返回值 在讨论 之前，先聊一下 函数处理返回值的问题，它会像 一样，会对返回值的类型进行辨识。 👉 根据返回值的类型，引起 对返回值处理方式的不同 📑结论： 函数在抛出返回值时，会根据返回值 类型 开启 不同数目的微任务 retu...
因为不会手写nextTick又被面试官diss了
最近在面试的时候被面试官问到,如何在vue中获取到最新的DOM元素，瞬间内心狂喜，自信地对面试官说 。 嗯，没错，那你手写一个nextTick吧。 痛苦面具，瞬间小脑萎缩了。 在 Vue 的生命周期中，有一段时间是异步的，有时候会遇到数据还未挂载到DOM节点上就试图获取该数据那么此时我们获取到的数据并不是最新的，而 nextTick 就是让我们在这段异步时间结束后执行自己的代码的工具。它确保在DOM更新后执行回调 （起到了等待DOM渲染...
图片懒加载的实现方法
图片作为前端开发中不可或缺的元素，其加载速度对用户体验有着重要影响。然而，大量的图片加载不仅会消耗用户流量，还会导致页面加载缓慢，影响用户体验。为了解决这个问题，图片懒加载技术应运而生 图片懒加载（Lazy Loading）是一种优化网页性能的技术，它通过延迟加载图片，即在图片即将进入可视区域时才开始加载，从而减少页面初始加载时间，提高页面响应速度。 图片懒加载的实现原理主要基于以下几个关键点： 滚动事件监听： 图片懒加载的核心是通过监...