性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮助我们尽

写这篇文章的时候，我刚通宵处理完一个P0级（最高级别）的线上事故，天刚亮，烟灰缸是满的🚬。 事故的原因，说出来你可能不信，不是什么服务器宕机，也不是什么黑客攻击，就因为我们package.json里的

面试官： “说说看，用户登录后拿到的 Token，前端应该怎么存？” 这个问题看似简单，却能清晰地分辨出一个前端开发者对安全的理解深度。是存到 localStorage？sessionS

你是否遇到过：页面越用越卡，浏览器内存占用持续飙升？ 动态列表频繁增删后，页面直接卡死崩溃？ 弱引用、闭包、定时器——这些看似无害的代码，竟是内存泄漏的元凶！ 本文直击三大高频内存泄漏场景，用Weak

不要再用 removeEventListener了！这个API救了我的命 昨天被产品经理叫到办公室，说用户反馈我们的后台管理系统越用越卡，Chrome任务管理器显示内存占用已经飙到2GB了。我tm当场

引言 写这边文章的契机也是最近在业务开发中遇到了页面卡顿的情形：在正常的业务流程中，随着数据量的变大，原本顺畅的网页突然变得非常卡顿，浏览器的tab页面一直在转圈，但是页面的操作什么都做不了，也就是一

Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 以 VUE_APP_ 开头的变量，在代码中可以通过 process.env.VUE_APP_ 访问。 比…

最近有个录制浏览器标签页的需求，调研发现Screenity浏览器插件就可以实现这个功能，于是就调研了具体的实现方法。 由于我们的功能适配是基于mainfest V2的，所以我们先来看V2如何实现页面录

老板：新的需求不是上线了嘛，怎么用户看到的还是老的页面呀 窝囊废：让用户刷新一下页面，或者清一下缓存 老板：那我得告诉用户，刷新一下页面，或者清一下缓存，才能看到新的页面呀，感觉用