尝尝你的优乐美

大家好，我是 simple，今天跟大家聊聊树形结构转一维数组，谁不会做谁将受制于人，听人差遣。我可以不做，但我绝不能不会做！终有一天我会脚踏着七彩祥云 身披金甲圣衣归来。

我们都有过这样的需求：将tree扁平化，或者把扁平化的数组转换成一棵树。可能是在后端返回的数据处理，也可能是传给后端的数据处理（不会有人都交给后端处理吧，毕竟我是被打怕了）。所以前端还是需要熟悉的。

Vue3 + TS 简易封装 Tree 组件，实现基本的展开收缩、级联选择、异步加载、虚拟滚动等效果。

继承得靠原型来实现，当然原型不是这篇文章的重点，我们来复习一下即可。 对象之间通过 __proto__ 连接起来，这样称之为原型链。当前对象上不存在的属性可以通过原型链一层层往上查找，直到顶层 Object 对象 其实原型中最重要的内容就是这些了，完全没有必要去看那些长篇大论什…

防抖和节流 2021/5/5 参考文章 一. 为什么要用到防抖节流 当函数绑定一些持续触发的事件如：resize、scroll、mousemove ，键盘输入，多次快速click等等， 如果每次触发都

当你的前端项目膨胀到几十个文件时，手动管理依赖就像在迷宫里摸黑行走。这时Webpack闪亮登场——这位细心的构建管家，用精妙的流程设计和插件生态，把杂乱的资源变成优雅的代码包。让我们揭开它的魔法秘籍。

Tree-shaking 是现代前端构建工具中用于消除死代码（未被使用的代码）的重要优化手段，核心原理是利用 ES6 模块的静态特性（import/export）分析代码依赖，剔除未被引用的导出内容。

从概念、用法、执行顺序、如何开发 loader 和 plugin、源码层面 概述webpack loader 和plugin的区别

Webpack 是一个非常强大的模块打包工具，它能够处理各种类型的资源文件，并将它们转换成浏览器可以理解的形式。Webpack 的核心功能之一是通过 loader 和 plugin 来扩展其功能