网页3剑客

Element.closest()方法用来获取：匹配特定选择器且离当前元素最近的祖先元素（也可以是当前元素本身）。如果匹配不到，则返回null。使用Element.closest()简化事件处理程序中匹配最近的父元素。

了解React不同的生命周期方法对于React应用程序开发非常重要，它允许我们在需要时准确触发操作。本文将介绍React中的每个生命周期，包括它们可用的方法以及它们的使用场景。

为了更好的开发体验，一般都是在watch模式下运行webpack。尝试运行webpack --watch。现在每次进行一些更改时，Webpack都会重新构建重建您的项目代码并输出。Webpack-dev-server可以做到这一点。它不是将文件写入目标目录，而是在内存中处理它们。

预加载有5种不同的方法，dns-prefetch、preconnect、prefetch、preload、prerender这些方法都适用于不同的目标。

async脚本会在下载后立即执行，而不保持顺序。这意味着如果有一个异步React bundle包和异步app bundle应用程序包，并且React bundle包更大，则app bundle应用程序将比React更早下载并执行（发生js依赖错误并中断执行）。与async不同，defer只有在下载完所有脚本后才能以正确的顺序执行。因此，在优化大型复杂应用程序时，defer延迟可能比async异步更安全。

UglifyJS Webpack Plugin这个插件其实使用uglify JS压缩javascript，细翻uglify JS选项，总有一些选项适合你。

uglifyjs-webpack-plugin这个插件其实使用uglify JS压缩javascript。ie8:true属性（默认值：false）Uglify JS不会兼容IE8。当设置为true时支持对IE低版本浏览器的支持

以gulp4构建任务实例代码为基础事例，正常情况下Entry入口是这样的

mode模式配置选项是Webpack4引入的参数。用来告知webpack使用相应环境的内置优化。可能的值有：none, development 或 production，如果没有设置，webpack 会将mode的默认值设置为production。

React 16 依赖集合类型 Map 和 Set 。如果你要支持无法原生提供这些能力（例如 IE < 11）或实现不规范（例如 IE 11）的旧浏览器与设备，考虑在你的应用库中包含一个全局的 polyfill ，例如 core-js 或 babel-polyfill 。