前端内存优化 - 四万条数据导致页面崩溃的问题 项目中有个页面，表格数据很多，用了handsontable来展示，这个表格通过虚拟滚动来呈现大数据，当数据来到4万条时，后端加载时间很长， 但耐心等等总

本文实现了一个可以进行常规 Excel 文件的在线预览功能，完全不需要后端任何服务，可以为前端同学开发 Excel 编辑软件提供一种比较可靠的思路。

自己就整合了目前几种文件上传的交互方式，码了一个支持cv的vue3文件上传组件（造个轮子）。作为一个完整的组件内容还是挺多的，这里主要介绍下上传交互中一些主要功能，包括上传的几种交互方式

ZoomUI 的 Table 组件相比 ElementUI 的 Table 组件在更新渲染方面性能提升了十倍，这是如何做到的呢？

之前的章节，我们按照流程介绍了vue的初始化、虚拟Dom生成、虚拟Dom转为真实Dom、深入理解响应式以及diff算法等这些核心概念，对它内部的实现做了分析，这些都是偏底层的原理。接下来我们将介绍日常开发中经常使用的API的原理，进一步丰富对vue的认识，它们主要包括以下： 这…

理论篇：详解内存管理和内存泄漏；工具篇：chrome Devtools Memory 面板的基本使用；实验篇：探究与解决 vue 组件内存泄漏问题

你了解内存泄漏吗？此文我们会介绍内存泄漏的相关概念和引起内存泄漏的一些问题，还会着重给大家介绍内存泄漏的排查、定位及修复方法，最后还简单扩展了下前端内存三大件的其他两件内存膨胀和频繁GC的概念

本文已参与[新人创作礼]活动，一起开启掘金创作之路 首先，谈谈为什么要做性能优化，做性能优化的好处在哪？ 性能优化的好处 前端，是一个产品直接展示在用户眼前的战场，而前端性能直接影响了用户体验。

网页开发每天与浏览器相伴，一切展示来自于各类资源的加载。性能优化一定要有衡量指标，所谓“一切有据（数据）可循”，那么 PerformanceResourceTiming 则是你不容错过的一个官方 API。 本瓜倾情翻译、适量批注、莞尔小结，以供分享，烦请指正。撰文不易，点赞👍…