该文章由deepseek生成，不过案例是真实的(^_^)。

之前因为这个性能问题，测试提了个严重单，只能加班搞，唉😔

虚拟列表是现在比较常用的前端渲染大数据列表的方案，目前也有很多组件库和工具库也都有对应的实现，如vueuse和ahooks的useVirtualList、element-plus的tableV2等。对于初中级前端而言，虚拟列表也是面试的常客了，和面试官聊到性能优化的话题时有时也会涉及到。本文将笔者对虚拟列表的一些认知，以及基于认知给出的实现做下整理。虽说现在网上写虚拟列表的文章非常多质量也非常高了，但对于技术人而言，只有自己进行输出，才能够有更加深刻的理解。

最近赋闲在家，感觉编码能力也在退化。不过总也得给自己找点事情做，不然会烂掉。于是把一些比较常见的前端功能自己尝试着去实现一遍，也算是一种学习的途径。

就目前来说，我可以使用webpack进行打包，并且能够对配置文件有针对性的进行优化，但这还远远不够。我现在还不具备能使用webpack api完整搭建一个自动化脚手架的能力，而这个能力需要依附于对webpack更加深入的学习。道阻且长，能学多少算多少。

在2年前校招找前端工作的时候，我背了一堆面试题，其中有一些关于SSR的面试题，内容主要是SSR的优点和解决的问题等概念性问题，不过没有实现SSR的方案。 虽然市面上已经有开箱即用的开源SSR方案（Next.js、Nuxt.js），其原理还是有必要去探究清楚的。本文旨在介绍SSR的概念和原理，并提供使用webpack+react和Vite+Vue3搭建SSR项目的完整实战指南。在上述两个项目的代码实现过程中，我参考了一些文章的方案，但发现这些方案并不尽完善，因此我自己也做了一些探索和优化。在本文中，我也会分享这些值得注意的点。

在React中进行渲染控制来进行优化，实际优化的并不是浏览器渲染 UI 的过程，而是优化前置的js执行过程。在数据量大、数据改变频繁的场景，对不必要的渲染进行控制是非常有必要的。

本文为k8s基础环境配置的步骤，因为步骤比较多，所以做笔记留档方便以后翻阅。

之前公司老项目重新启用并且迭代开发新功能，采用的构建工具是Webpack2，开发阶段启动速度和构建工程的速度都是非常慢的。因为这个项目的新需求基本都是我在对，所以我也是被这项目烦的要吐血。公司现有比较新的项目用的AntdPro是基于Webpack5的，速度还可以，所以就打算迁移了。迁移的过程中少不了翻阅文档，也学到了不少东西。

排序就是把表中的元素进行重新排列的过程，排列后的表中元素满足按关键字递增（减）。本文对排序的一些知识进行整理，算是一篇知识总结类的文章。