因为要实现网页白天模式和夜间模式的切换，那相应文字和组件颜色也要适配对应的主题，而a-select默认的白色背景色在夜间模式下非常突兀，故我们要修改选择框和选项列表框的颜色。另外关于下面代码中的getPopupContainer这个API，是因为a-select默认相对于body定位的，故我们点开选项列表后滑动页面，选项列表会相对视口固定，即与选项框分离，使用getPopupContainer将a

代码在某个平台运行时，会将运行时的状态通过某种方式暴露出来。这些状态信息可以通过某种方式传递给开发工具，以便进行UI的展示和交互。这样的交互可以辅助开发者排查问题、梳理流程，并更好地了解代码的运行状态。这就是我们通常所说的调试。在过去，我们常常需要在浏览器中进行调试，但这种方式往往显得繁琐，尤其是在只有一个屏幕的情况下，我们很难同时查看代码和调试信息。然而，VSCode 拥有内置的 Debug 功

本篇博客将介绍如何在使用 Element UI 组件时对原生图标进行定制化替换，提供了适用于满足个性化需求的方法和技巧。

XMLHttpRequest 是一个设计粗糙的 API，不符合关注分离（Separation of Concerns）的原则，配置和调用方式非常混乱，而且基于事件的异步模型写起来也没有现代的 Promise，generator/yield，async/await 友好。Fetch 的出现就是为了解决 XHR 的问题。Fetch、Ajax、Axios区别。

我实现的功能是在element ui的分页组件中进行分页查询时，如果当前有未保存的修改数据就提示用户，用户可以选择是否放弃未保存的数据。确认放弃就重新查询数据；选择不放弃，不重新查询，并且显示条数选择框保持原样（选择框中文字与选择列表中选择项），页数跳转也是同样的功能。例子说明：当我们修改了表单某项数据但未保存时。更改每页显示条数：我们点击显示条数选择框的 '20条/页'，此时会弹出一个提示如图。