2201_75600005的博客

原创 点击按钮进行路由跳转，打开一个新页面

如果有的参数没有在路径中定义，需要使用query，比如这个projectName在路由中就没定义，想要传递就需要使用query。进行路由跳转首先需要在路由路径中进行定义。然后通过这种方式在跳转的页面进行获取参数。

原创 任务分配这个五个tab页来回切换，内容还是上次编辑的回显

activaName是当前tabs页的绑定值，但是可能渲染的慢一点（异步）导致不准确，推荐使用@tab-click="handleClick" 通过里面的属性来获取当前准确的页面。

原创 拷贝与引用

在Vue中，拷贝（Copy）通常指创建一个新对象或数组，其内容与原对象或数组相同但内存地址不同。修改拷贝不会影响原数据。引用（Reference）则指多个变量指向同一内存地址，修改其中一个变量会影响其他变量。

原创 Upload 上传 vue2前端 + 后端

这个this.$refs.upload.submit就是上传文件。上传成功后如果需要渲染什么东西则需要回调这个方法。点击上传到服务器时触发一个方法。

原创 axios 发请求

浏览器是单线程的。

原创 Vue 3 与 Element Plus 中的 /deep/ 选择器问题

Vue 3 与 Element Plus 中的 /deep/ 选择器问题。在 Vue3 中使用 Element Plus 组件时，使用。

原创 ref 和 reactive

原创 async/await是什么？

原创 new Promise((resolve,reject) =＞ {}

原创 前端打断点

如果这时想打一些临时的表达式，可以按esc弹出console控制台，这个按钮有个点击事件，然后点击这个js 即可进入到代码中。右上角有可以使用的变量。

原创 display:flex布局

网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex布局将成为未来布..Flex 布局语法教程 | 菜鸟教程。交叉轴是与主轴互相垂直的轴。

原创 ... 是扩展运算符（Spread Operator），它的作用是将一个数组或可迭代对象展开为多个独立的值

原创 echart图标，折线图，柱状图，鼠标悬浮上去显示数据加自定义单位代码

【代码】echart图标，折线图，柱状图，鼠标悬浮上去显示数据加自定义单位代码。

原创 provide inject defineOptions defineModel

暴露的时候，就可以获取子组件的暴漏的东西。

原创 sql解析，日期 trunc sysdate

rq传递过来的是字符串，要是有to_data转换为时间类型。

原创 sessionStorage.setItem

【代码】sessionStorage.setItem。

原创 vue2 两种路由跳转方式

传的什么用什么接受。

原创 vue3的新特性

ref是个对象，无论你传递什么值都会在外面包一层，要想访问真正的数据必须使用value脚本区域加上.value。

原创 vue2 计算属性 computed

计算属性他是一个属性，他不是一个函数，使用的时候不要加括号。

原创 vue2中的组件注册

原创 el-row el-col

参考layout布局Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库一行可以看做24个Element UI 中的el-row是一个用于布局的行容器组件，通常与el-col（列）组件配合使用，实现灵活的栅格化布局。

原创 自定义指令

全局注册在main.js中写的。

原创 vue 异步更新、$nextTick

因为这个dom 可能还没更新玩，如果想等dom更新完之后那就需要。也可以使用定时器，但是这样时间不确定，不推荐。

原创 ref 和$refs

ref 比document的query 获取的更加精准，document的query获取的是全局的，ref 获取的知识当前组件的，他会更加精准必须是在dom元素加载完之后才可以获取。

原创 组件的注册及使用

原创 vue的生命周期 以及钩子

最早可以在created 时调用后端接口获取数据，因为beforecreated的时候 那个data 都还还是初始化出来修改数据的时候触发 update。

原创 watch 监视器

计时器，清除计时器，只要变化，那么就一直清除计时器，最后发起响应的是一开始的那个。防抖：延迟执行，做什么事都先等一等，延迟执行，一段时间内没有变化在进行执行。immediate：不仅修改的时候触发，一进页面也会立即触发一次。这样每次值发生变化，就会触发后端请求，这样对后端压力很大。如果使用非响应的数据，直接 往实例上加 也就是this.监视那个属性，方法名就写那个属性。

原创 SpringBoot整合Quartz定时任务

通过这个服务类，你可以动态地管理任务的生命周期，例如在运行时添加新的任务、暂停或恢复任务，以及删除不再需要的任务。默认是内存形式维护任务信息，意味着服务重启了任务就从头再来，就像喝酒断片了一样；下载 Quartz 发布包，下载完成后，解压缩进入 quartz-2.2.3/docs/dbTables 目录，找到匹配数据库的 SQL 文件。这个抽象类来定义任务，其实 QuartzJobBean 本身也实现了 Job 接口，其本质都是实现 Job 接口来定义任务。实例，你可以实现对任务的动态管理。

原创 v-show 他不会把元素销毁 @click.prevent

v-show 他不会把元素销毁。

原创 计算属性 vs methods方法

一个计算属性要对应一个函数 ，计算属性本质上是一个属性sum 每一次的阶段性结果，item是每一项reduce 有两个参数，第一个参数是求和的逻辑，第二个参数是从什么开始累加。

原创 v-bind 对样式增强 操作class

v-for的item默认从0开始 点击方法是 item赋值给activeIndex ，然后class那里active做个判断就好。

原创 mybatis plus 自动填充某些字段

自动填充功能通过实现接口来实现。你需要创建一个类来实现这个接口，并在其中定义插入和更新时的填充逻辑。

原创 AtomicInteger 原子计数器 原子自增

AtomicInteger类提供了线程安全的整数操作，它通过利用底层硬件的原子性指令，能够在多线程环境中高效地实现整数的无锁更新，避免了传统同步机制带来的性能开销，在高并发场景下成为计数器可大幅提高程序的执行效率，同时又保证了数据一致性。Java并发基础：原子类之AtomicInteger全面解析-CSDN博客。

原创 mybatis plus 多条件查询注意查询条件顺序

这种写法是错误的，容易导致查询条件逻辑混乱。应该吧这个or的放到一个and中。

原创 stream 流的foreach和peek方法区别

原创 case when ，行转列

SQL 中的CASE WHEN是一种条件表达式，用于在查询中根据特定条件动态生成结果。它类似于编程语言中的if-else逻辑，但专为 SQL 的数据处理设计。

原创 oracle中的日期函数

​，返回一个截断后的值。在 SQL（尤其是 ​。

原创 oracle中错误总结

with as相当于子查询，就是把。

原创 vue 中formatter

它的核心作用是：将后端返回的原始数据（如编码、状态值等）转换为更友好、更易读的文本。是前端表格组件（如 Element UI、Vxe-Table 等）中用于 ​。是一个用于表格列（如 Element UI 或 Vxe-Table）的 ​。，导致所有条件判断失效。内什么都不写（即不声明任何参数），​。​，其核心作用是将原始数据（）映射为更友好的显示文本。在 VxeTable 的。

原创 ROW_NUMBER 函数

【代码】ROW_NUMBER 函数。