ChrisZB612

Hot Module Replacement（以下简称：HMR 模块热替换）是 Webpack 提供的一个非常有用的功能，它允许在 JavaScript 运行时更新各种模块，而无需完全刷新。 当我们修改代码并保存后，Webpack 将对代码重新打包，HMR 会在应用程序运行过程…

npm 作为一种包管理工具，无论你是泛前端还是大前端都已经离不开它。它的出现方便了万千少年。让我们跨过了 Ctrl+C、Ctrl+V ，通过 npm install x 的方式将别人的优秀代码模块引入到自己的项目中。这些优秀的模块能被共享的原因，一方面是有 npm 这么一个包管…

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

什么是BFC BFC全称是Block Formatting Context，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。要明白BFC到底是什么，首先来看看什么是视觉格式化模型。 视觉格式化模型 视觉格式化模型(visual formatting m…

1. 优先做重要不紧急的事情 我们都知道四象限分析法，就是按照紧急/重要将事情划分到四个象限中去（如下图）。 而这样的顺序会导致一个问题，就是每天都在赤橙黄，赤橙黄中反复，重要不紧急的事情一直排不上期，最后也变成重要且紧急的事项，然后再慌慌张张的处理。但是，重要不紧急的事情往往…

为了提高页面性能，减少白屏时间，我的详情页面接收上游列表传过来的一个参数 cover，这是一张在上一个列表页面已经加载过了的图片链接，当跳转到我的页面时，首先将这张图片显示出来（浏览器已有缓存），这样能极大减少页面白屏时间。 当然，为了防止被 XSS，我对这张图片做了严格的过滤…

之前写了篇文《这一次，彻底理解Promise原理》，剖析了Promise的相关原理,反应不错，这次把学习到的相关的知识也写下。 我们都知道，Promise解决了回调地狱的问题，但是如果遇到复杂的业务，代码里面会包含大量的 then 函数，使得代码依然不是太容易阅读。 基于这个原…

嗯。又来了，又说到跨域了，这是一个老生常谈的话题，以前我觉得这种基础文章没有什么好写的，会想着你去了解底层啊，不是很简单吗。但是最近在开发一个 「vscode 插件」 发现，当你刚入门一样东西的时候，你不会想这么多，因为你对他不熟悉，当你遇到不会的东西，你就是想先找到解决方案，…

觉得好的，点个赞，让更多人看到。 根据BFC的渲染规则之一：块级元素垂直方向的距离由margin决定。属于同一个BFC的两个相邻块级元素的margin会发生重叠。 有的小伙伴这么理解成：在同一个BFC容器中会发生重叠，那么只要不在一个BFC容器中就不会发生重叠。 在外面包一个d…