你知道 XHR 和 Fetch 的区别吗？
现如今，网站开发普遍采用前后端分离的模式，数据交互成为了不可或缺的关键环节。在这个过程中， 和 是两种最常见的方法，用于从 Web 服务器获取数据。 是一种传统的数据请求方式，而 则代表了现代 Web 开发的新兴标准。接下来，我们将一同深入学习它们的使用方法和适用场景。 XMLHttpRequest ，通常简称为 XHR。通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL，获取数据。XMLHttpRequest...
前端性能优化之概念术语介绍
说到前端性能优化，就会看到各个大佬们都会提到各种专业术语，比如什么FP、FCP、LCP等等。网上一查，很多大佬都只会详细的介绍关键的几个阶段（少而精），基本不太好找到全面的解释的文章。那么就让我趁着最近可以摸鱼，来汇总一下。 FP —— First paint（首次绘制） 是Paint Timing API的一部分，是页面导航与浏览器将该网页的第一个像素渲染到屏幕上所用的中间时，渲染是任何与输入网页导航前的屏幕上的内容不同的内容。它回答...
拦截xhr进行http异常上报
拦截xhr
Vscode清除没有用到的import语句
Mac: option+shift+O windows: Alt+shift+O
从零开始搭建一个前端日志框架
前言 原谅我起了一个这么大的标题，当了一回标题党😛 之前一直做B端系统，针对线上错误引入了 来收集错误日志，一开始还能盯着告警邮件，后面告警越来越多就选择性忽视了🤪，大伙可千万别学我，我忽视的可都是不影响业务和流程的报错（嗨，还在找借口🤣），让我想起来每次说我爸骑车闯红灯，他都会说是在不影响安全的情况下闯的，有那么点异曲同工之妙了。 入职新公司后顺理成章也接入了 ，满心期待着能发挥他的作用，果然不多久产品就反馈说线上出问题了，说是...
加载3D模型性能优化
一、 引入 无论是大型虚拟世界还是简单的网站， 都是必要的。 特别是在运用三维模型的情况下，我们需要更加深入的优化。因为 三维模型通常包含大量的数据和复杂的几何形状 ，如果不进行性能优化，浏览器可能会因为负载过重而崩溃。 在本文中，我们将探讨如何在 / 中对加载三维模型进行性能优化。我们将介绍一些实践方法和技巧，让你的虚拟世界或网站能够以更好的性能运行。 二、 性能监测工具简介：stats.js \\ r3f perf \\specto...
大文件传输优化: 分片上传、断点续传和秒传的前后端实现
大文件上传 ：一次性上传会存在的问题：比较慢，中途退出或者网络延迟，容易出现超时，上传失败等问题。所以一般会选择 分片上传、断点续传来实现。线上体验地址及演示在下面，源码在末尾。需要的小伙伴自取。 断点续传 断点续传是一种允许在上传中断后继续上传，而无需从头开始。 分片上传 分片上传是将大文件分割成多个小块（分片），然后逐个上传这些小块。小块可以并行上传，从而提高上传速度。一旦所有分片上传完成，服务器可以将这些分片合并成完整的文件。 秒...
二十八张图彻底讲明白 HTTPS 的整体流程
二、前置知识 我们先从加密的历史说起。最早的加密是一种对称方式的加密。 2.1、对称加密 对称加密：也就是加密和解密都用同一个密钥。 了解过近代战争的朋友可能知道，在一战和二战期间，敌我双方为了有效的信息传递，就大量采用这种方式进行加密。 具体形式就是情报发送方先编写一个密码本，然后悄悄的交给接收方。 这样下次发送情报的时候，发送方根据密码本上的规则进行加密，将得到密文后发送出去，接收方收到密文电报后再根据密码本进行解密。 <img w...
嗯？绝不允许你还没有属于自己的富文本编辑器
作为一名新时代农民工，几乎每个人都有自己的博客站点，而博客最重要的功能就是文档编辑，实现文档编辑无外乎 、 两种模式。其中富文本编辑器使用起来比较简单，不需要额外了解各种语法，对非技术人员来说容易上手，本文就着重介绍一下富文本编辑器框架———— Slate ，它不仅可以帮助我们自定义实现富文本效果，而且还能实现类似于Markdown一样的语法输入。 说起 Slate ，可能很多人不了解，但是说起前端富文本插件库 以及 ，大家就不陌生了，...