比结理

为了减少资源请求次数，加快资源访问速度，浏览器对资源文件如图片、css文件、js文件等有一个缓存功能，而浏览器缓存策略又分为强缓存和协商缓存，什么是强缓存？什么是协商缓存？...

一、WHY：为什么需要 WebSocket？ 在 WebSocket 出现之前，如果我们想实现实时通信，比较常采用的方式是 Ajax 轮询，即在特定时间间隔（比如每秒）由浏...

引言 📚 大家好，两个月前我写了这样一篇文章：「 30天整理 ｜2W字长篇」用一篇文章明确前端学习路线并构筑知识体系🌿，主要讲述了我的前端学习之路，以及在与大佬的探讨下...

其实乐观更新并不是一个新潮的思想，但大家普遍不会去实现乐观更新，归根到底还是实现成本太高。所以本篇会结合 Next.js 和 useOptimistic 讲解如何低成本并考...

1.前端常见工具之间的定位与联系，如webpack、rollup、vite、vue-cli等。 2.从运行原理、构建方式、HMR热更新机制、使用成本等方面逐一去分析，vit...

什么是执行上下文(Execution Context)? 执行上下文是JavaScript代码执行的环境。 这个环境包含执行代码所需要信息，比如可用的变量、函数和对象的信息...

前言 事情的起因是这样的，由于 小 A 需要负责开发一个 H5 移动端的项目，需要分别在 微信环境 和 企微环境 中去使用，于是 小 A 使用 Vite + Vue3 来进...

业务场景 今天上班，老板让我查个bug，说甲方提出一个疑问：推送页面第一行数据的【是否需要超限提示】栏显示不对，不应该是显示“否”，而需要显示“是”。 这个界面是已经离职的...

前阵子被一个 base 北京的小厂面到这个问题，我仅知道实现大文件上传可以通过切片的方式，但是当面试官问我具体实现细节的时候我就沉默了，这个问题本来就应该是大厂问的，心想现...

设计模式一般是你要成为中高级程序员需要去学习的东西，发布订阅是vue源码核心思想，有些人也称之为观察者模式，二者长得很像。 所谓设计模式就是代码设计的一种思想，设计的好可以...

系列文章 一、Webpack5 入门到原理（基础） 1、提升开发体验 1、sourceMap 1、为什么？ 为什么要有sourceMap？ 因为我们在开发环境用webpac...

今天我教大家用两种最简单的方式实现前端一键换肤的功能，都是给予原生 css 和 js 的方法属性，不用安装任何的第三方库。听我娓娓道来...

在这个互联网寒冬，如果待毕业或者已经毕业，该如何开启自己的面试之旅？前方的黑暗之旅的终点在哪？请点赞收藏好这篇文章...

写在前面 哈喽，小伙伴们，我是泽南👨‍🎓。近期我会整理一系列针对前端面试的知识点供大家复习，不管你是准备跳槽还是正在面试，都赶快来恶补一下~ 本系列文章主要以知识总结为...

当你用new关键字创建对象的时候发生了什么?创建空对象、构建原型链、隐式绑定this、隐式返回新对象......

提醒：边看代码边看文章食用效果更佳，看的时候可以自己动手试试，里面涉及到一些基本的Dom操作和InterSectionObserver API的使用，不熟悉的同学也没关系，...

引言 在现代Web应用中，性能优化是一个重要的议题。Web Workers提供了一种在Web浏览器中执行后台任务的机制，而不影响用户界面的响应性。接下来让我们一起来看看We...

在学习React的过程中，你可能会好奇React hooks的使用规则,简短的答案是：React 依赖于 Hooks 的调用顺序...