跨域及解决方案
同源策略是浏览器的一个重要安全机制，它用于限制一个来源的文档或脚本如何能够与另一个来源的资源进行交互。同源策略要求只有当两个URL的协议、主机和端口都相同时，才被认为是同源。否则，浏览器会认为它们是跨域的。 在早期，服务器端渲染的应用通常不会有跨域问题，因为前端代码和后端API都是在同一个服务器上运行的。随着前后端分离的出现，前端代码和后端API经常部署在不同的服务器上，这就引发了跨域问题。 先来看一下跨域问题怎么产生的： 首先我们在l...
Canvas星空类特效
思路 1. 绘制单个星星 2. 在画布批量随机绘制星星 3. 添加星星移动动画 4. 页面resize处理 Vanilla JavaScript实现 1. 初始化一个工程 2. 绘制单个星星 参考链接： 3. 在画布批量绘制星星 其实要绘制星星，我们只需要在画布上基于离屏画布来在指定位置将离屏画布渲染成图片即可，但是批量绘制以及后续的动画需要我们能记录每颗星星的位置、状态和行驶轨迹，所以可以考虑创建一个星星的类。 获取当前画布，批量添加...
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...