Proxy Proxy 是 ES6 引入的一种用于定义自定义行为的对象包装器。通过 Proxy，你可以拦截和重写对目标对象的基本操作，例如读取属性、设置属性、删除属性、函数调用等 引入 首先来看一个需

4 月 17 日，尤大在微博上宣布 Vue 3.0 beta 版本正式发布。 在尤大发布的《 Vue3 设计过程》文章中提到之所以重构 Vue 一个考量就是JavaScript新的语言特性在主流浏览器中的支持程度，其中最值得一提的就是Proxy，它为框架提供了拦截对于objec…

防抖节流场景及应用 背景 在日常开发中，我们会经常遇到搜索查询，用户在输入过程中会触发 Input 值的改变而持续触发函数调用。或者在用户在商品搜索页滑动浏览商品时，如果我们监听了窗口滚动来发送埋点请

窗口的resize、scroll、输入框内容校验等操作时，如果这些操作处理函数是较为复杂或页面频繁重渲染等操作时，在这种情况下如果事件触发的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少触发的…

防抖： 在JavaScript中，防抖（Debounce）是一种编程技巧，用于控制某些函数的执行频率，以确保它们不会因为连续的触发（如快速连续的用户输入、窗口调整大小等事件）而在短时间内被频繁调用。

防抖和节流是前端开发中常用的函数优化手段，它们可以限制函数的执行频率，提升性能和用户体验。主要用于处理高频触发的事件，例如：用户的滚动、输入、点击和表单的重复提交等。

节流就好比游戏里面英雄的普通攻击，在限制一定时间点击多次，也只能攻击一次;防抖就好比游戏里面的回城，如果在回城时间内再次触发事件（回城被打断），则会重新计算回城时间。

事件循环是面试常问的类型，只需要牢记事件循环的执行步骤就能掌握。首先执行同步任务，并且间微任务和宏任务分别挂在对应的队列里，在同步任务执行完后执行微任务，然后执行宏任务，执行宏任务时开启新一轮事件循环

在介绍前端宏任务与微任务之前，先列出来一道题，一块看一下。 诸位可以先给出来一个自己的答案，运行一下结果，看看是否与自己想的一致。 关于代码执行环境，JavaScript代码执行时，引擎会创造出来当前代码块的执行环境，在涉及到使用变量时，只能查找到当前环境的变量和包含当前执行环…