【前端纯JS能力练手项目】

前端高频面试知识点。什么是懒加载？--主要思想：“按需加载”，在真正需要这个资源时才加载，而不是一开始就加载全部内容。

export default 🆚 export的区别你了解吗？如果不了解这篇文章能够为你解答。。。

博主太菜了，做项目时才发现箭头函数中还存在{} 和()的区别。。。。。。。。。。。。。。。。。。。。。。。

前端面试重点：手写实现 debounce 和 throttle，理解应用场景（如输入框搜索、窗口调整）

DOM操作 1、选择元素 2、添加 / 修改元素 3、删除元素 4、事件绑定 5、事件委托 6、表单处理与校验

JavaScript 中的 事件冒泡（Event Bubbling） 和 事件捕获（Event Capturing） 是 DOM 事件传播机制的两个阶段。理解它们对事件监听、委托和防止冲突至关重要。

你了解var 与 let的区别吗？ 这篇文章或许能够帮助里理解它们的奥秘。。。。。

你已经完成闭包三大经典应用 💪 ✅ 计数器 ✅ once ✅ 柯里化 【闭包是函数式编程中的一个重要概念，在前端开发（尤其是 JavaScript）以及后端、数据处理等领域都有广泛应用】

1. WeakMap 是什么？ 2、WeakRef是什么？ 3、内存泄露怎么处理？ 4、弱引用？ 5、强引用？

看完这篇，你就不再苦恼弱引用、强引用了，并且能够理解WeakMap和Map的底层原理，也能够了解回收机制。

这篇文章，能够让你 1、彻底理解浅拷贝、深拷贝的概念 2、如何使用浅拷贝、深拷贝 3、什么时候需要使用浅拷贝、深拷贝等

先不要看答案，按照自己的思路完成后再对答案，你将能够掌握多种去重的方法来解决数组以及对象数组的去重。

Set 和 Map 不是数组，它们是专门的集合类型，但你可以像操作数组一样遍历它们或转成数组。【ES6新特性】

你将逐个用到 map、filter、reduce、sort、some、every 等方法，并在过程中穿插实现数组去重、扁平化、合并和手写方法。

纯 JavaScript，不依赖任何框架或库。 完成这个项目可以掌握数组的基本相关操作。reduce、map等。

这个项目会帮助你掌握如下纯 JS 能力： - DOM 查询与操作 - 事件监听 - 数组循环控制 - `setInterval` 自动轮播

这个项目能帮助你提升以下技能： - DOM 操作 - 键盘事件监听 - 定时器（`setInterval`） - 字符串处理与状态判断

完成项目你将掌握： 1、随机数生成 2、用户输入获取与验证 3、条件判断 (if/else) 4、DOM 操作 5、状态管理

完成此项目你可以掌握： 1、按钮、背景、键盘控制弹窗的出现与消失 2、data-* 自定义属性 【HTML 使用 data-* 存储数据，不影响结构或样式、JS 通过 .dataset 读取数据】

完成此项目你就可以掌握 1、输入框中输入内容， 2、点击“添加”按钮，任务添加到列表中 3、每个任务有“删除”按钮，可将该任务删除 4、添加回车键事件：按 Enter 也能添加等操作数组、创建 DOM