window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作 该图中的两个帧，在每一帧内部，TASK和redering只花费了一部分时间，并没有占据整个帧，那么这个时候，如图中idle pe…

Vue-cli3提供了开箱即用的项目脚手架，自带的webpack配置已经经过了优化。但是当项目越来越庞大的时候，目前我的项目打个包都要三四分钟，并且首页加载也很慢。于是希望对webpack进行优化，进一步提升打包效率。 但是目前网上的各种资料，要么是针对webpack4之前版本…

在 Mac 上常用的抓包软件是 Charles，网上关于 Charles 的教程很多，这里介绍另一个抓包神器 mitmproxy。mitmproxy 是一款可交互式的命令行抓包工具，它除了可以抓包查看 http/https 请求，还有一个很强大的功能是拦截并修改 request…

正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。

最近接到产品需求，用户需要在我们的站点上在线查看 PDF 文件，并且查看时，用户可以对 PDF 文件的进行旋转、缩放、跳转到指定页码等操作。 这个太简单了，随便找找就一堆轮子。 这个方案麻烦一点，我们需要在项目中引入 PDF.js 这个库，然后再使用 iframe 来加载指定的…

分享一个新鲜出炉的验证模块，用各种环境的规则验证，结合React或Vue做到无侵入式验证，做纯数据验证，不操作相关DOM与事件注册，规则配置方便，简单易用。 使用过很多的验证插件，总是没有一个特别让我满意，要么规则配置复杂，要么样式更改麻烦，这种大而全的框架在特定的环境下是很有…

首先必须要说的是，this 的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定 this 到底指向谁，实际上 this 的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解 this 的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。