蓝胖子敲代码-CSDN博客

原创树型结构多条件搜索保持原结构不变

如果符合就push 否则就看看当前 item有没有children 有继续循环并且如果有返回值result。就把当前 item（有children这一级的 item（父级））返回值result 当子级组成树结构。每个item 就会比对是否符合所有筛选条件（ searchObj是筛选条件）：使用筛选条件筛选结构保持不变不如：筛选子级要带上父级。使用递归循环每条数据 item。

2024-01-31 17:10:38 542

原创前端sql语句输入框以及格式化sql语句和sql关键词高亮---sql-formatter、vue-codemirror

select * from 表格名称” 这个字符包含了中文，如果进行格式化，就会变成 “select * from 表格名称” 中文之前添加了空格。解决方法：使用正侧去掉空格。

2023-05-17 17:04:10 3536

原创 vue 楼层滚动（导航切换以及滚动高亮）

加this.$nextTick()是因为，this.activeClass没有变化，应该是因为我再watch中调用这个函数的，此时dom还没有渲染出来，nextTick(callback)，当dom发生变化，更新后执行的回调。实现功能：左侧导航高亮，右侧滚动对应左侧导航，左边点击对应右边内容。滚动的距离的距离大于等于这些的时候让导航栏高亮。，当数据发生变化，更新后执行回调。第一层 i=0 0。

2023-04-28 15:35:39 1769

原创使用锚点定位（a标签和scrollIntoView()方法）遇到的问题以及实现方法

点击跳转了之后，浏览器上的url地址也会变化（（http://localhost:8080/#/导航字段）），当刷新时，页面就会一片空白（找不到对应的页面）：当父级元素也有滚动条的时候，父级元素也会跟着滚动，效果不太友好，我们只想滚动想滚动的元素，这个时候我们应该怎么办呢？scrollIntoView(false) ：为底部对齐。scrollIntoView(true) ：为顶部对齐。只需要把父级元素滚动距顶部设置为0即可。

2023-03-28 16:02:41 750

原创使用location.href与window.open()的用法与区别

我在a标签上设置了target=“_blank”，再使用location.href='url地址’跳转，页面没用新开一个窗口，而是在当前页打开。很好奇，就百度了一下，才了解到location.href属性只能在当前页打开一个网址。就相当于，替换了当前页的地址。如果要重新开一个窗口，就要使用window.open()方法。后面我就直接在a上使用href跳转，可以重新开一个窗口。...

2022-08-02 11:07:16 3629

原创使用vue-quill-editor遇到的坑

html

2022-07-13 14:15:20 3933 6

原创导出excel表格

1.接口导出方式一：文件流下载2.方式二：window.location.href3.最终版

2022-06-24 15:07:07 285

原创 vue3 的响应式---Ref与Reactive区别以及toRefs和toRef的区别

1.ref是用来定义基本类型的数据（也可以用来定义对象（或数组）类型数据，它内部会自动通过reactive转为代理对象）—是通过Object.defineProperty()的get()与set()来实现响应式(数据劫持)；ref操作数据需要.value，读取数据时模板中直接读取不需要.value2.reactive用来定义对象（数组）类型的数据----通过使用Proxy来实现响应式（数据劫持），并通过Reflect操作源对象内部的数据3.toRefs，toRef功能一样；都是将响应式对象中的某个属

2022-02-10 10:15:33 680