前端性能优化

为什么我要对比这几套内存管理方案？ 最近在搞一个中后台管理系统，数据量大得离谱，稍微操作几下就发现内存占用蹭蹭往上涨。最烦的是页面切换后，旧的组件还没被回收，直接导致内存泄露。折腾了几天后，我决定把几...

项目初期的技术选型 最近刚做完一个金融类的移动端项目，客户要求UI风格要贴近主流银行App，交互体验要流畅自然。我第一时间就想到了Mand Mobile，毕竟这是滴滴团队专为金融场景打造的组件库。 选...

优化前：卡得不行 最近在做一个即时消息的项目，功能倒是没问题，但性能实在让人头大。一开始用户量少没发现，后来并发多了就原形毕露了。最夸张的时候，收到几十条消息后界面直接卡死，连输入框都点不动。我看监控...

骨架屏这事儿，为啥我非得比对这几个方案 最近在做项目的时候，碰到了一个需求：页面加载太慢，用户看着白屏等得不耐烦。产品经理跑过来跟我说，能不能加个骨架屏，给用户一点心理预期。说实话，这个需求挺常见，但...

项目初期的技术选型 这个项目是一个数据可视化平台，客户要求支持复杂的交互和高性能渲染。一开始我纠结于用React还是Vue，但考虑到项目中需要处理大量动态数据，最终选择了Thrust框架。说实话，当时...

我的写法，亲测靠谱 先说说我常用的虚拟列表实现方式吧。经过几个项目的实践，我发现基于Intersection Observer的方案最稳定，代码结构也清晰。 class VirtualList { c...

我的写法，亲测靠谱 虚拟DOM这东西，用对了是神器，用错了就是灾难。我自己总结了一套写法，基本能保证性能和可维护性都在线。 核心代码就这几行： function render(h, state) { ...

直接上代码，取消请求其实没那么难 先说重点，前端取消请求最常见的场景就是用户切换页面或者重复操作时，避免不必要的请求浪费资源。下面是我亲测有效的几种方法，建议直接用。 // Axios CancelT...

目录规范：哪种方案更适合你？ 最近在重构一个项目的目录结构，突然意识到一个问题：目录规范这事儿，真的没有“唯一正确答案”。不同的团队、不同的项目需求，甚至不同开发者个人的习惯，都会导致最终的目录设计千...

核心代码就这几行，targets用起来贼简单 最近在项目里折腾了一个小功能，涉及到 targets 的使用。说实话，一开始我还以为这玩意儿挺复杂，结果一看文档，嘿，真香！直接上代码，感受一下： con...

为什么我决定对比模糊搜索的几种方案 最近在做一个项目，涉及到模糊搜索功能。说实在的，这个需求挺常见的，但我发现每次实现的时候，总是会有些小问题冒出来。比如性能瓶颈、代码复杂度、用户体验等等。这次项目比...

项目初期的技术选型 这个项目是给一个内部管理系统做实时通知功能。一开始，客户提出的需求很简单：用户需要在操作界面时能立刻看到系统消息更新。听起来没什么特别的，对吧？但问题在于，他们的服务器环境老旧，W...

优化前：卡得不行 最近接手了一个移动端项目，功能其实不复杂，就是个带列表的页面。但问题来了，滚动的时候卡得受不了，尤其是快速滑动时，整个页面就像被冻住了一样。试了几次发现，只要手指在屏幕上滑动，界面就...

先看效果，再看代码 最近在优化一个数据量超大的表格组件，渲染几千条数据的时候页面直接卡死。折腾了半天，发现时间分片（Time Slicing）是个不错的解法。简单来说，就是把耗时任务拆分成小块，分批执...

先看效果，再看代码 最近在优化一个项目的时候，发现页面加载速度总是差那么一点。尤其是有些第三方资源的域名解析特别慢，拖累了整个首屏时间。折腾了半天后，我发现用DNS预解析能解决这个问题。 简单来说，就...

优化前：卡得不行 最近在项目里用到了一个Progress动画，原本以为挺简单的，结果一上线就翻车了。用户反馈说页面滚动的时候动画卡得受不了，尤其是低端机上直接没法看。我自己试了一下，发现确实有问题，特...

生态插件的使用，我踩过的坑和总结的最佳实践 最近在项目中用到了不少生态插件，说实话，这东西用得好是神器，用不好就是噩梦。今天就来聊聊我在实际开发中的经验和教训，希望对大家有帮助。 我的写法，亲测靠谱 ...

为什么我决定对比这几种智能预加载方案 最近在优化一个单页应用的性能，用户反馈说页面切换的时候总有点卡顿。分析了一下，主要问题出在资源加载上，尤其是图片和第三方组件库的按需加载部分。于是我想到了智能预加...

优化前：卡得不行 前几天接手了一个项目，里面有个自定义插件，功能挺酷炫，但性能差到让我怀疑人生。每次页面加载都卡得像老牛拉破车，尤其是插件初始化的时候，UI直接卡住不动，用户点击都没反应。试了几次刷新...

项目初期的技术选型 这次的项目是个在线表单构建工具，用户可以拖拽组件生成表单。需求方给了两个硬性要求：一是性能要好，二是开发周期得短。考虑到团队里大家对Vue和React都熟，我一开始纠结到底用哪个。...