叠纸游戏前端开发一面面经

到底是谁发明的在线评测

一、Promise 的取消机制 1.1 Promise 无法直接取消 核心问题：Promise 一旦进入 pending 状态，就无法直接取消。 const promise = new Promise((resolve, reject) => { setTimeout(() => { resolve('完成'); }, 5000); }); // ❌ Promise 没有 cancel() 方法 // promise.cancel(); // 不存在此方法 // Promise 只能等待被解决（fulfilled）或被拒绝（rejected） promise.then(result...

Webpack是一个模块打包工具，它的主要目的是将应用程序的各个模块打包成一个或多个文件，以便在浏览器中运行。Webpack的工作原理可以简要概括为以下几个步骤：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=07d53be4cd034a4ab270d500feebcc8d入口点：Webpack将根据配置文件中指定的入口点开始处理打包过程。入口点是应用程序的起始模块，可以是一个或多个文件，Webpack会从这些文件开始构建依赖关系图。构建依赖关系图：Webpack会分析入口点文件及其依赖的模块，通过静态分析确定它们之间的依赖关系。Webpack会递归地查找所有依赖的模块，直到构建出完整的依赖关系图。资源加载与转换：一旦确定了所有的依赖关系，Webpack会根据配置文件中的规则来处理模块。这些规则可以定义如何加载、解析和转换各种资源，例如JavaScript、CSS、图片等。Webpack会使用相应的加载器(loader)和插件(plugins)来处理模块，并且可以根据需要进行编译、压缩、合并等操作。打包输出：在完成资源加载与转换之后，Webpack会将所有的模块打包成一个或多个输出文件。输出文件的数量和命名方式可以通过配置文件进行调整。常见的输出文件类型包括JavaScript文件、CSS文件和图片等。优化与压缩：Webpack还提供了一些优化功能用于减小打包文件的体积和提升加载性能。例如，Webpack可以通过代码分割将应用程序拆分成多个异步加载的模块，从而减少初始加载时间。另外，Webpack还可以对输出文件进行压缩、混淆和缓存等处理，以提高运行效率。这就是Webpack的基本工作原理。它的强大之处在于可以通过插件和配置文件来灵活地定制打包过程，以满足不同项目的需求。

一、Promise 异常捕获的两种方式 在 JavaScript 异步编程中，正确处理 Promise 异常至关重要。主要有两种方式：.catch() 方法和 async/await + try/catch。 方式一：使用 .catch() 捕获异常 function PromiseRejectTest() { return new Promise((resolve, reject) => { reject('抛出错误'); }); } async function test() { // ✅ 使用 .catch() 捕获 Promise 异常 PromiseRejectTest() ....