20分钟掌握 Vite 插件开发
以往，面试官：“你自己开发过 Webpack 的插件吗？” 现在，面试官：“你自己开发过 Vite 的插件吗？” 如果你还在纠结 Webpack 的插件该开发姿势的话，点我这篇文章 。 写 Vue 的朋友肯定最爱 Vite，当然写 React 的朋友肯定也爱，反正我爱，毕竟谁不希望自己快一点呢 \ < 关于 Vite 你肯定需要知道的两点就是， 1. Vite 的原理是什么，为什么它这么快？ 2. Vite 的插件是如何开发出来的，原理...
浏览器输入url会发生什么 - 巨详细完整版
当我们向浏览器的地址栏输入URL的时候，网络会进行一系列的操作，最终获取到我们所需要的文件，如何交给浏览器进行渲染 我们所关注的问题也就是： 如何获取到我们所需要的文件 浏览器是如何渲染的 大致的执行顺序 URL解析 DNS 解析：缓存判断 + 查询IP地址 TCP 连接：TCP 三次握手 SSL/TLS四次握手（只有https才有这一步） 浏览器发送请求 服务器响应请求并返回数据 浏览器解析渲染页面 断开连接：TCP 四次挥手 URL...
JavaScript完整原型链图解_js 原型链的关系图
了解完整 对我们有什么帮助? 没什么帮助，装逼意义大于实用（doge） 好的吧，可能是我还是新手，没碰上这方面的需求 完整原型链图示 上图里，我们常用的部分是右下至右上的链，即从构造函数到构造函数原型对象再到 的部分。 而实际上，我们常见的 和 也参与了原型访问链。 在这个图中，不管将哪个块当作实例对象，总有一个构造函数和一个原型对象和它组成三角关系。 只有一个块例外，那就是 。若 ，则原型链访问将一直访问 没有尽头，故底层规定 ，使原...
图解原型&原型链 - 掘金
原型链图 图中Parent是构造函数，p1是通过Parent实例化出来的一个对象。 如果你看到这张图一脸懵，不要怕，往下看，下面会一步一步教你认识原型&原型链 前置知识 js的初学者一般很难理解原型和原型链的概念，但原型和原型链又是js中最重要的点之一。从jQuery到现在最火的框架之一Vue，原型的应用无处不在，那我们该怎么学好JavaScript的原型和原型链呢？ 想要弄清楚原型和原型链，这几个属性必须要搞清楚， 、 、 。 其次你...
谈谈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. 性能...