最近Code Review的时候，我看到我们组一个很聪明的年轻同事，用观察者模式，写了一个极其复杂的全局状态订阅系统，就为了在一个组件里，响应另一个不相关的组件的点击事件。 比较常见的场景：点击 Bu

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

这里说的不仅仅是我们常见的强缓存和协商缓存，还有浏览器自带的缓存机制，即使我们什么也没有配置也自带的隐式缓存（启发式缓存）。

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决方案 如何去解决这个问题 思

本文介绍大文件上传的概念，带你搞懂什么是大文件上传以及大文件上传解决了什么痛点。最后推出一款非常好用的大文件上传库，无论任何框架可以做到开箱即用。另外还有线上演示地址供您使用

有时候，你可能不希望别人调试你的前端页面代码，这里我们讲述一些比较常用的方法，虽然完全禁止别人调试你的前端页面代码是不太可能的，但你可以采取一些措施来增加调试的难度。

本文先写了在 Vue3 中利用 draggable 属性手写实现列表拖拽排序的功能。接下来在 Element Plus 组件库中结合 sortable.js 实现 table 表格拖拽排序。

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

阿里三面的时候被问到了这个问题，当时思路虽然正确，可惜表述的不够清晰 后来花了一些时间整理了下思路，那么如何实现给所有的async函数添加try/catch呢？