使用异步组件+Suspense的形式来实现代码分包是前端项目优化的有效&常用手段之一。 何为代码分包？ 未进行代码分包的打包文件结构： 如果项目里用了第三方库的话（echarts、elementUI.

前言 长列表渲染一直以来都是前端比较头疼的一个问题，如果想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好，主要有以下问题： 页面等待时间极长，

☠️ 死亡面试题重现 面试官露出神秘微笑："请渲染这个10万条数据的数组..." 我：👌告辞...

在前端工作中免不了接触到虚拟列表，本文通过简单易懂的图和代码手把手教大家实现三种虚拟列表。看完本文，相信各位随手就能撸出一个虚拟列表！

虚拟列表：如何高效显示大量数据 当一个网页需要展示大量数据时，比如一个有1万条记录的列表，如果直接将所有数据渲染成DOM元素，页面会变得非常慢，甚至卡死。这是因为浏览器需要处理大量的节点，占用大量内存

在谈论到前端性能优化时，我们可能会想到很多方向，但虚拟列表一定算是一个值得谈谈的话题，很多人都是略懂一二，对其实现原理与过程还不太了解，所以当面试官问到比较细节的问题时往往语塞，本篇文章将从最简单的固

你是不是以为 React Router 只会配置path和element？其实，路由的进阶用法 —— 懒加载、权限守卫、状态码处理，才是决定单页应用（SPA）性能和安全性的关键。为什么别人的 Reac

前端性能优化是一个非常大的体系，可以通过各种各样的方式来实现性能优化，比如：webpack 打包、网络请求、图片压缩、css 优化等等方式。

相信很多小伙伴面试中都被闻到过你的项目有什么难点或亮点？在前端交流群里也经常看到有小伙伴问，我的项目没有亮点怎么办？今天这篇文章不仅通过实际的项目实例来带大家一起挖掘项目的难点亮点...