一. 背景介绍 今天在开发的时候遇到一个问题，大致场景是：在 PC 端我需要写一个全局的遮罩组件，这个遮罩会弹出一个对话框，让用户选择确定和取消，也是平常十分常见的了，但是此时用户滚动界面的时候，就出

本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 1. $0 在 Chrome 的 Elements 面板中，$0 是当前我们选中的 html 节点的引用。 理所当然，$1…

今天想和大家分享的一个技术是 SSE 流式传输 。如标题所言，通过 SSE 流式传输的方式可以让我们不再通过轮询的方式获取服务端返回的结果，进而提升前端页面的性能。 对于需要轮询的业务场景来说，采用

浏览器跨窗口通信 前言   前期主要开发 PC 端网站管理系统，现在在基于前者的基础上需要开发数据统计相关的数据大屏展示。结合现有项目和后续的扩展，综合考虑后决定新开项目主做数据相关的数据大屏展示，以

前言说到js的执行机制，相信大家都可以说出来：js引擎在执行过程中，遇到一个异步事件后并不会一直等待其返回结果，而是将其挂起（等异步任务返回结果，就会添加到事件队列中），继续执行执行栈中的任务；每次执

在我们面试过程中，面试官经常会问到这么一个问题，那就是从在浏览器地址栏中输入URL到页面显示，浏览器到底发生了什么？这个问题看起来是老生常谈，但是这个问题回答的好坏，确实可以很好的反映出面试者知识的广度和深度。 在讲浏览器架构之前，先理解两个概念，进程和线程。 进程（proce…

resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame，你可能在做一些需求的时候想到了 requestIdleCallback，但是你不知道…

在chrome浏览器中的控制台Network中size栏通常会有三种状态 1.from memory cache 2.from disk cache 3.资源本身的大小(如：1.5k) 那么问题来了

在前端性能优化的方式中，最重要的当然是缓存了，使用好了缓存，对项目有很大的帮助。比如我们访问网页时，使用网页后退功能，会发现加载的非常快，体验感很好，这就是缓存的力量。 什么是缓存呢？ 当我们第一次访