高性能站点比低性能站点更能吸引和留住用户，而留住用户对于提高用户转化率至关重要。本文以此为背景，介绍字节内部是如何衡量站点性能的，如何依靠性能监控定位线上站点性能问题。

对于后台管理系统，比较常见的功能就是增删改查。对于“查”而言，筛选数据以查看是比较常见的。饿了么ui中自带的有筛选功能。不过官方文档所给到的例子是“前端筛选”，意思就是写死的数据，前端过滤出来以呈现。官方效果图如下： 开启筛选其实很简单，只需要给对应列添加filters属性即可…

公司项目这个老项目，开始还是后端同学写的，后面经历多位开发，项目的凌乱程度可想而知。为了提高项目的稳定性与可维护性，决定进行代码整合和升级。

Vue.js 团队在 2020 年 9 月发布 Vue 3.0 。这个全新的版本带来了许多新的特性、优化，同时也带来了一些突破性的变化。 2021 年 6 月，Vue.js 团队发布了 Vue 3.1

Vue3.0 为什么要用 proxy？ 在 Vue2 中， 0bject.defineProperty 会改变原始数据，而 Proxy 是创建对象的虚拟表示，并提供 set 、get 和 delete

在开发管理后台过程中，一定会遇到不少了增删改查页面，而这些页面的逻辑大多都是相同的，这样子会导致代码耦合度越来越高，下面，我们将这些可复用的数据抽离出来成hook，既解决耦合度的问题又提高工作效率

前面我“手把手”教大家开发了基于 Vue2 的管理系统，有很多人说 vue2 早就过时了，都 22 年了竟然还有人在用 vue2？简直就是土老帽！

1.响应式 1.1 两者实现原理 vue2 利用es5的 Object.defineProperty() 对数据进行劫持结合发布订阅模式来实现 vue3 利用es6的 proxy 对数据代理，通过 r