鉴于前端正在向多元化方向发展，场景愈加复杂，生产环境也经常会出现一些本地环境和测试环境无法复现的问题。

对于一个大型项目来说，不管是后端还是前端，异常错误的监控都是非常重要的，拥有一套成熟完整的监控体系，能让我们在生产环境上发生错误时，可以第一时间定位错误发生的位置与原因，从而能更快地解决问题并重新发布

Webpack的代码分割（Code Splitting）是一种优化策略，它允许将代码库分解为更小的块（chunks），以便按需加载，而不是一次性加载整个应用。这种技术对于提高Web应用的加载速度和性能

大文件分片，并发下载，是前端同学的难点，同时也是面试的亮点。就因为前后端分离，导致上传文件和下载文件对前端同学来说，它就是个盲区，有人见文件上传下载，如见阎罗，痛不欲生。今日定带卿家，探查文件下载之谜

之前用原生 JS 实现了一个定高的虚拟列表，这次使用 Vue3 封装一个不定高的，并利用 Vue3.3 的泛型组件以及defineSlots 新特性来让我们组件类型更加规范

在项目开发过程中，前端需要存储大量的数据，cookie,localstorage 都有存储长度限制，需要一个存储容量大、支持搜索和自定义索引的前端存储方案——IndexDB。

前端性能分析是一名前端必须掌握的技能，本文对字节剪映web为例，介绍如何使用PageSpeed Insights和Chrome Performance工具分析页面性能