全部文章
共 1306 篇文章
es6 class 装饰器是如何实现的
ES6 中的装饰器是一种特殊的语法，用于动态修改类的行为。在 JavaScript 中，装饰器本质上是一个函数，它可以接受一个类作为参数，并返回一个新的类，实现了类的增强或修改。装饰器可以被用于类、方法、属性等各种地方，可以方便地实现类似 AOP、元编程等功能。 装饰器是 ES7 中的一个提案，目前还没有正式纳入标准。在 ES6 中使用装饰器需要借助第三方库，如 babel plugin transform decorators leg...
iterator 和 数组 有什么关系
关键词 ：iterator 对象、iterator 和 数组关系 在 JavaScript 中，Iterator（迭代器）和数组有着密切的关系： 一、数组作为可迭代对象 1. 可在迭代场景中使用 ： 数组是一种内置的可迭代对象，这意味着它可以在需要可迭代对象的地方使用，比如在 循环、扩展运算符（ ）和 等方法中。 例如： 2. 实现了迭代协议 ： 数组实现了可迭代对象的协议，即拥有一个 方法。这个方法返回一个 Iterator 对象，用...
JS 浏览器事循环有哪些使用案例
关键词 ：事件循环案例 JavaScript 的事件循环在实际开发中有很多使用案例，以下是一些常见的例子： 一、异步操作处理 1. 网络请求： 当进行 AJAX 请求时，浏览器不会阻塞等待响应，而是继续执行其他代码。一旦请求完成，相应的回调函数会被添加到任务队列中，等待事件循环处理。 例如，使用 或 进行网络请求： 在这个例子中，网络请求是异步的，不会阻塞主线程。当请求完成后，对应的 或 回调函数会被执行。 2. 定时器： 和 函数会在...
Promise then 第二个参数和 Promise.catch 的区别是什么
方法可以接受两个参数，第一个参数是 回调函数，第二个参数是 回调函数。当 Promise 状态变为 时，将会调用 回调函数；当 Promise 状态变为 时，将会调用 回调函数。其中，第二个参数 是可选的。 方法是一个特殊的 方法，它只接受一个参数，即 回调函数。如果 Promise 状态变为 ，则会调用 回调函数；如果状态变为 ，则不会调用任何回调函数。因此， 方法可以用来捕获 Promise 中的错误，相当于使用 。 区别主要在于使...
判断一个对象是否为空，包含了其原型链上是否有自定义数据或者方法。 该如何判定
关键词 ：原型链相关知识 要判断一个对象是否为空，并且考虑到对象自身及其原型链上是否有自定义数据或方法，您可以使用以下的 JavaScript 函数来实现： 可以使用这个函数来判断对象是否为空，例如：
如何避免重绘或者重排
如何触发重排和重绘 任何改变用来构建渲染树的信息都会导致一次重排或重绘： 添加、删除、更新DOM节点 通过display: none隐藏一个DOM节点 触发重排和重绘 通过visibility: hidden隐藏一个DOM节点 只触发重绘，因为没有几何变化 移动或者给页面中的DOM节点添加动画 添加一个样式表，调整样式属性 用户行为，例如调整窗口大小，改变字号，或者滚动。 如何避免重绘或者重排 集中改变样式 我们往往通过改变class的...
实现一个函数，支持深度遍历 JS 对象，且允许再遍历的时候，修改对象的数据，得到新的对象
关键词 ：深度遍历对象 实现一个这样的函数，我们需要考虑几个关键点： 1. 深度遍历 ：使用递归遍历对象的所有层级。 2. 修改数据 ：在遍历过程中允许修改对象的数据。 3. 返回新对象 ：保持原对象不变，对每个属性或值进行操作，将修改后的结果存储在新的对象中返回。 以下是一个简单示例，展示了如何实现上述功能： 在这个例子中： 函数通过递归遍历接受两个参数：要遍历的对象和一个修改函数（ ），这个修改函数对每个遇到的值进行操作。 如果当前...
常见的前端检测内存泄露的方法有哪些
怎么检测内存泄漏 内存泄漏主要是指的是内存持续升高，但是如果是正常的内存增长的话，不应该被当作内存泄漏来排查。排查内存泄漏，我们可以借助 的 和 选项。举个栗子： 我们新建一个 的文件，完整代码如下： 页面上有一个按钮用来开始函数调用，方便我们控制。点击按钮，每个200毫秒执行一次bind函数，即在全局监听click事件，循环次数为50次。 在无法确定是否发生内存泄漏时，我们可以先使用Performance来录制一段页面加载的性能变化，...
我使用 vite 打包工程， 输出为 es6 的代码， 但是我依赖的 模块是 es5 commonjs 写的；这个他是怎么处理的
关键词 ：vite 打包、es6 转 es5 1. Vite 的模块解析机制 概述 ：Vite 在打包过程中会对模块进行解析。当遇到 ES6 模块（ESM）和 模块混合的情况时，它会根据模块的类型采用不同的处理策略。Vite 内部的模块解析系统能够识别模块的语法是 ES6 还是 2. 对于 模块的处理 转换为 ESM（在必要时） ：如果 Vite 发现依赖的模块是 模块，它会尝试将其转换为 ES6 模块格式。这是因为 Vite 的打包目...