谈谈JS二进制：File、Blob、FileReader、ArrayBuffer、Base64
JavaScript 提供了一些 API 来处理文件或原始文件数据，例如：File、Blob、FileReader、ArrayBuffer、base64 等。下面就来看看它们都是如何使用的，它们之间又有何区别和联系。 1\. Blob Blob 全称为 binary large object ，即二进制大对象，它是 JavaScript 中的一个对象，表示原始的类似文件的数据。下面是 MDN 中对 Blob 的解释： Blob 对象表示...
golang依赖升级
在 Go 语言中，使用 Go Modules 管理依赖关系，可以通过以下步骤升级项目依赖的版本： 1. 进入项目目录，执行 命令，该命令会检查项目依赖关系，并移除不需要的依赖和更新依赖。 2. 执行 命令，该命令会列出当前项目的模块依赖，并检查是否有可用的更新版本。如果有可用的更新版本，则会列出更新后的版本信息。 3. 执行 命令，该命令会更新项目依赖的所有模块到最新版本。 4. 如果只想更新某个依赖模块的版本，可以执行 命令，例如 。...
js函数表达式this指向问题
JS中的this指向问题() 1. ##### 在全局 中 ###### \= this window 2. ##### 在普通函数中 \= this取决于谁调用，谁调用我，this就指向谁，跟如何定义无关 3. ##### 箭头函数中的this 箭头函数没有自己的this，箭头函数的this就是上下文中定义的this，因为箭头函数没有自己的this所以不能用做构造函数。 4. ##### 事件绑定中的this 事件源.onclik =...
token无感知刷新
前言 在前后端分离的应用中，使用token进行交互验证是一种比较常见的方式。但是，由于token的有效期限制，需要不断地刷新token，否则会导致用户认证失败。 栗子 可以幻想一下，你在一个应用中，填写了很多个表单，最后提交的时候，401认证失败，这个时候你心里肯定一万个....所以为了解决这个问题，给用户更好的体验，本文介绍无感知刷新token的实现。 token验证的原理 在web应用中，常见的token认证方式有基于token和基...
Web性能监测的利器Performance Observer
前言 前段时间在研究前端异常监控平台，在思考性能监控时，想到了浏览器自带的观察者以及页面生命周期API 。于是在翻查资料时发现了， API。正好趁着这个机会给大家好好讲讲Performance Observer API Performance Observer（性能观察者） 定义 是一种JavaScript API，用于监测页面性能指标，如资源加载时间、页面渲染时间等。它可以触发回调函数，以便你收集和分析页面性能数据。 优点 1. 性能...
前端跨域问题及其解法方法
在前端项目的开发中， 跨域 是我们必须要解决的问题，只要涉及到“向服务器请求资源”、“前后端交互”等功能， 跨域 往往是无法避免的 那么什么是 跨域 问题，又该如何解决它呢？ 跨域 导致 跨域 问题产生的根本原因来自浏览器的 同源策略 同源策略 是浏览器的重要安全策略，它用于限制一个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 的方式来提示用户。但是，该种方...