春节前的最后一篇技术博客了写了不少vue项目，发现一直没有正确处理404页面。也就是说404页面是为了防止用户访问不存在的路由地址而设计的，当用户访问一个不存在的地址时，这个地址将会重定向至404页面。

在写项目的时候，经常要使用父子组件通讯，我已经写了很多篇博客来介绍父子组件通讯了，vue中的父子组件通讯方式有差不多10来种，最常用的就那么一两种，这里我介绍其中我认为最基础的两种。因为目标是在父组件中，通过点击按钮事件来打开子组件中的el-dialog对话框，所以比传统的父传子要复杂一点。

分页是web开发中必不可少的组件，element团队提供了简洁美观的分页组件，配合table数据可以实现即插即用的分页效果。分页的实现可以分成两种，一是前端分页，二是后端分页。这两种分页分别适用于不同的业务场景，分页写了无数回了，但一直记不住，因此记录一下这两种分页效果的逻辑和实现。

目前mapv在vue框架中的使用案例还是比较少的，官网给的示例都是原生写法，写在项目中不是这里报错就是那里报错🙈，几乎可以把人整崩溃。不知道怎么回事，百度地图的开发团队似乎更加倾向于react或者原生，而对vue的支持明显不够，对国内开发者不太友好。不管是mapv还是echarts，似乎都存在各种各样的坑，尤其是设计地图的开发展示另外，开源是一把双刃剑，有些开源的作者简直提供的就是一堆垃圾代码，

pandas条件复合筛选（多条件、与、或）数据分析工作中，Python第三方包pandas功能非常强大，其组合筛选功能比excel速度快很多。这里记录一下pandas的组合筛选功能。或筛选或筛选使用的符号是"|"举个例子：import fakerimport pandas as pd# 生成假数据fake = faker.Faker(locale='zh_CN')names = []address

在写vue项目时，有个需求是点击表格中某一行的下载按钮，然后开始下载这一行对应的文件，效果如下：表格每行的最右侧的蓝色按钮就是点击下载，这里涉及到原生的JavaScript写法，长期在写vue项目，原生的写法都很陌生了，记录一下先上组件的原始代码：我用的是vue3+setup语法糖写法，代码比较长，关注一下与下载相关的代码

首先看vue中img标签的常规写法当src需要动态修改时，有点麻烦，经常忘记，记录一下。

前期写项目时，无论项目大小，都是用的vuex来实现的数据共享，随着学习的深入，发现使用vuex有点大材小用了。一般情况下，vuex适合大型项目、组件结构复杂的项目实现数据共享，vuex无视组件的父子、兄弟关系，只要在store中进行了注册，所有的组件都可以共享，但是也会存在一些问题，比如刷新页面会导致一些信息丢失的问题，虽然能解决，但也挺麻烦。通过学习，了解了更简单的组件间传递数据的方法，记录一下

不过还有个问题得说一下，很明显，我用了elementplus作为UI框架，我特别喜欢el-card这个组件，所以很多时候我都用它来做布局，但是我在用的时候，发现我很难掌握它的布局规律，尤其是在结合echarts画图的时候，各种dom相关的问题层出不穷，所以我不得不放弃使用el-card，二是自己用div来做布局。第二个报错是说不能获取到echarts对应dom的宽或高，这个问题一般出现在设置dom

首先看vue中img标签的常规写法当src需要动态修改时，有点麻烦，经常忘记，记录一下。