前端跨域问题及其解法方法
在前端项目的开发中， 跨域 是我们必须要解决的问题，只要涉及到“向服务器请求资源”、“前后端交互”等功能， 跨域 往往是无法避免的 那么什么是 跨域 问题，又该如何解决它呢？ 跨域 导致 跨域 问题产生的根本原因来自浏览器的 同源策略 同源策略 是浏览器的重要安全策略，它用于限制一个Origin的文档或者它加载的脚本如何能与另一个源的资源进行交互，其中Origin指Web文档的来源，Web 内容的来源取决于访问的 URL的方案 (协议)...
普通函数、箭头函数、构造函数的区别及其对应 this 指向
最近学JavaScript的时候被普通函数、箭头函数、构造函数这三个函数搞晕了，这里写一下学习笔记记录一下，防止遗忘 \[笑哭\] 普通函数和构造函数的区别 1\. 创建变量和方法的方式不同 普通函数里创建变量和方法 构造函数里创建变量和方法 2\. 调用方式不同： 普通函数的调用 构造函数里函数的调用（先new出一个实例对象，再用 访问其属性/方法） 3\. 作用不同： 构造函数的作用是用来新建实例对象的（我的理解是构造函数偏向更像一...
自己搭建前端监控？一定要进来看看这篇文章
前言 在我们开发网站和应用程序的过程中，经常会遇到各种莫名其妙的错误。错误原因也五花八门，可能是浏览器兼容问题，可能是代码里面没做兜底，也可能是后端接口挂掉了等等错误，这些错误可能会直接影响到用户的使用体验，所以监控线上错误变得特别重要。 通过前端监控，我们能够实时监测 JavaScript 错误、性能问题和用户界面的 bug。这么一来，我们就可以迅速找到问题所在，及时解决错误。还有一些可视化报告、自动通知和...
阻止用户离开页面，beforeunload和unload事件说明 - 掘金
定义 onbeforeunload事件在onunload事件之前触发。 调用方式 MDN官方示例： 或者在body标签上绑定onbeforeunload，但更推荐使用 的方式调用。 如果需要添加beforeunload点击确认后的处理代码，可以直接添加unload事件监听。 注意事项 使用方式 HTML规范建议作者使用 Event.preventDefault() 而非 Event.returnValue 的方式来提示用户。但是，该种方...
你知道 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端系统，针对线上错误引入了 来收集错误日志，一开始还能盯着告警邮件，后面告警越来越多就选择性忽视了🤪，大伙可千万别学我，我忽视的可都是不影响业务和流程的报错（嗨，还在找借口🤣），让我想起来每次说我爸骑车闯红灯，他都会说是在不影响安全的情况下闯的，有那么点异曲同工之妙了。 入职新公司后顺理成章也接入了 ，满心期待着能发挥他的作用，果然不多久产品就反馈说线上出问题了，说是...