树摇（Tree Shaking）是通过静态分析代码，去除未使用的代码，减少最终打包文件的体积。树摇这一概念源自“摇晃树木”，通过“摇晃”去掉未使用的部分，使得最终打包出来的代码更为精简。树摇的核心前提是模块化，尤其是ES6 模块importexport使用 ES6 模块语法，构建工具能够更方便地进行静态分析，从而识别并删除未使用的代码。树摇（Tree Shaking）是一项能够显著优化前端应用性能

将echart在node服务端渲染为图片，并将图片发送给页面展示。

sessionStorage 和 Vuex 存储的数据分别保存在不同的地方

虚拟 DOM 作为一种优化技术，通过减少对真实 DOM 的操作，极大提升了前端应用的性能，尤其是在动态交互频繁的场景中。React、Vue 等前端框架通过巧妙运用虚拟 DOM 和 Diff 算法，实现了高效、流畅的用户体验。然而，虚拟 DOM 也并非无懈可击。在一些复杂的页面和高频更新的场景中，虚拟 DOM 的性能仍然会受到一定限制。因此，开发者仍然需要在项目中灵活应用性能优化策略，确保应用的流畅

使用 child_process 中的 spawn 来启动 exe 程序，并正确的关闭 exe 程序，并可自定义该程序是否隐藏运行。而不是使用 exec 来创建子进程，在关闭创建的子进程的时候会产生套壳进程的问题。

在ant design vue组件库中，并没有提供可以直接监听table滚动的api，在此我使用了原生js去对table表格赋予一个监听表格滚动事件。在处理一写数据量特别大的情况下，我们不能把后端的数据一次性全部拿到前端在table表格中展示，为了考虑性能优化，使用了滚动加载表格数据。做这个功能之前，我们首先需要获取到table滚动到底部或者顶部时去触发方法。首先我想要对表格进行滚动加载，接口需要

实现一个动态右键菜单。这个菜单能够根据用户的点击位置动态调整其显示位置，确保菜单始终在浏览器窗口的可视区域内。这样的实现可以提升用户体验，使应用更加友好和易用。

实现思路：1. 提取动态路由 2.权限与动态路由绑定 3. 获取权限筛选动态路由 4. 添加权限(动态路由) 5. 渲染菜单 6. 退出登录时删除动态路由(权限)