- 博客(74)
- 收藏
- 关注
RSS订阅
原创 解决iframe缓存问题
背景：我的项目中有个特殊类型的表单的新建编辑预览操作 都需要使用iframe嵌入另一个项目的页面 于是会频繁的切换到iframe页面中去 但是打开 iframe发现还停留在上次关闭的界面 怎样让iframe都重新加载?
2024-07-15 10:22:01
414
原创 前端预览pdf文件(后端返回pdf文件流)
我的后端给的接口直接在浏览器输入完整地址会自动下载pdf文件，这样就是返回的pdf文件流，亲试比较方便的有iframe和直接window.open临时地址.
2024-06-05 09:36:39
628
原创 图片或者el-avatar头像组件 获取图片信息手动添加认证信息(token/Authorization)
原先项目中的图片资源是没有添加鉴权的，也就是说假如后端返回给你一个头像图片的资源地址为:"/XXX/file/Image/userAvatar/207.jpg"，此时浏览器自动请求到了这张图片对应的图片资源，但是这时候你将资源后面的207改成208，那同样的，如果数据库中含有"/XXX/file/Image/userAvatar/208.jpg"的资源，那么你就能够顺利的拿到这张图片的资源，但是对于部分图片资源来说，可能是隐私资源，后端并不想让没有这张图片权限的人来获取这张图片的信息，于是后端加上了鉴权。
2024-04-08 16:54:52
372
原创 隐藏饿了么el-select组件的el-select-dropdown部分,只使用el-select的显示框
隐藏el-select-dropdown,于是el-select-dropdown部分就没有插入了最外层body而是和el-select组件中的input也就是显示已选值的框并列。.el-select-dropdown 就成功隐藏了!
2024-02-22 16:37:15
931
原创 el-tree树形组件 一次性折叠所有子节点
可以遍历treeRef.store.root.childNodes把全部节点的expanded设置为false，再通过default- expanded-keys设置需要展开的节点。
2024-01-29 23:02:38
1035
原创 Vue2中this.$store值为undefined的问题:
哥们，你现在、立刻、马上去package.json看看你的vuex的版本是不是3开头的，如果不是，切腹自尽吧。自尽之前记得改成3开头的版本。vuex
2024-01-23 15:38:50
591
原创 取消lodash.throttle中的默认执行完最后一次函数
lodash.throttle如果用户连续点击，可能会导致数据库中的数据被删除了，但是我还需要刷新数据列表才能反应到页面上，可是这时候用户又点击了同一条数据的删除按钮多次，导致发起了多次删除一个已经不存在的数据的请求，于是接口报错。于是我加上了loadash.throttle。但是在使用了lodash.throttle后，我发现在连续点击的过程中是按照我预想的进行的，的确有进行节流，但是在我我连续点击后，这一轮点击下来还是会报错一次，我查看请求，发现是最后一次的请求报的错。 而且这问题是必现的
2024-01-17 18:14:20
728
原创 el-table中设置第一列为多选框,且多选框动态禁用
unselectableList为需要禁用的数组，我的项目中是通过计算属性，将这个数组生成的。所以我们只需要动态的控制selectable的值就可以达到动态禁用的目的。
2024-01-17 16:00:10
981
原创 兼容IE浏览器
{ useBuiltIns: 'entry' } 是在 Babel 配置中使用的一种配置选项。transpileDependencies:中配置的是,有些依赖包内使用了es6的语法,会导致ie不兼容,于是再Ie中会报错,我们排查到具体是哪个依赖包后可以将其加入这个配置,就可以解决这个依赖包的问题.让ie支持URLSearchParams,在报错后可以跳转到对应报错的依赖包内,而不是看着打包后的报错代码,找不到到底是哪个包报错了.方便排查是哪个依赖包报错了,再对包进行替换或者转译。
2023-11-30 14:23:24
627
原创 解决VUE项目window.open()方法打包部署上线报错404
我的项目是部署在服务器的指定目录下，并且项目的路由模式是history模式，所以我需要在vue.config中配置publicpath和在路由中配置base,配置为相同的字符串，并告诉后端ng映射到我设置的这个字符串上.，此时访问地址可以显示项目页面,但是部分window.open()方法所跳转到的页面会报错404.（window.open方法没自动带上'/ABC/'，而是直接打开了'/xxxx/xxxx'，相当于直接访问根目录，因为我的资源放在'/ABC/目录下'，所以是访问不到的）
2023-09-25 19:05:05
1581
原创 element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
参考我的这篇文章,但是在后面我发现只要是会生成v-model元素的饿了么组件,在使用的过程中都可能出现整个页面被遮罩层挡住的情况,解决方法其实都一样.element-ui框架的el-dialog弹出框被遮罩层遮挡问题_前端李十三的博客-CSDN博客。element-ui框架的el-dialog弹出框被遮罩层遮挡问题_前端李十三的博客-CSDN博客。可以发现el-dialog 组件显示的时候被遮罩层挡住了。可以发现el-dialog 组件显示的时候被遮罩层挡住了。
2023-09-13 15:51:47
1865
原创 解决VSCode下载速度特别慢
我们在vscode官网下载vocode的时候速度慢得离谱,而且下载会断开,这时候我们需要将下载镜像切换到国内！如果你是用其他浏览器，可能使用其他方式跳转到下载内容页面。浏览器，点击右上角的三个点按钮，点击下载内容。
2023-09-06 21:02:35
452
原创 error C:\Users\Acer\Downloads\Desktop\hrsaas-84\node_modules\deasync: 莫名其妙报错一堆python问题
python报错其实就是node版本的问题,我的是版本太高了,从16切换到12.17.0就好了,具体怎么切换看这篇文章。使用nvm切换node版本。
2023-09-05 19:53:54
809
原创 原型链中:为什么Function.proto==Function.prototype?
属性，指向它们的原型。当你创建一个函数时，JavaScript 引擎会自动为该函数创建一个原型对象，并将其关联到函数的。在 JavaScript 中，每个函数（包括构造函数）都是一个对象，而对象都有一个。是非标准的属性，不建议在生产环境中直接使用它。在 JavaScript 中，所有的函数对象（包括构造函数）都是由。构造函数本身是一个函数对象，并且它的原型对象是。构造函数本身也是一个函数对象，因此具有原型。方法来获取对象的原型。构造函数的原型对象的引用。构造函数自身的原型对象，而。构造函数的实例原型对象。
2023-08-31 23:50:23
916
原创 原型链的终点为什么是null?
一般来说,大家讲到原型链的时候到最后都会说,所有的对象都是由Object构造函数所构造的,所以原型链的终点是Object.prototype.而看过原型链完整图的应该都有印象,实际上真要讲终点的 话,其实原型链的终点是-null.以下是我自己画的从构造函数的实例到Obect的一个原型链.
2023-08-31 23:05:07
619
原创 HTTP 常⻅的状态码有哪些，以及适⽤场景
1 x x状态码表示请求已被接受，需要继续处理。不同的状态码对应不同的请求处理情况，客户端可以根据状态码来判断请求是否成功，并做相应处理。（继续）：客户端继续发送请求，这是临时响应，⽤来通知客户端部分请求已经被服务。（临时重定向）：服务器⽬前从不同位置的⽹⻚响应请求，但请求者应继续使⽤原有位。（临时重定向）：服务器⽬前从不同位置的⽹⻚响应请求，但请求者应继续使⽤原有位。（未修改）：服务器告诉客户端可以直接使⽤缓存的版本，⽆需重新请求。（成功）：请求已成功，请求所希望的响应头或数据体将随此响应返回。
2023-08-31 21:48:44
1062
原创 如何实现单⾏／多⾏⽂本溢出的省略样式？
在其他浏览器中可能不被⽀持。因此，在使⽤多⾏省略样式时，建议考虑使⽤。⽤于设置显示的⾏数，超出⾏数的⽂本将被省略。，当⽂本内容超出容器时，隐藏超出部分。在上⾯的例⼦中，我们创建了⼀个类名为。，实现多⾏⽂本的垂直排列。⽤于控制元素的显示⽅式，必须设置为。），超出的⽂本将被省略。⽤于设置元素内部的排列⽅向，值为。等其他⽅案实现跨浏览器的兼容性。是⼀个私有属性，⽬前主要⽤于。为希望显示的⾏数（例如。
2023-08-31 21:28:49
116
原创 vue3性能提升表现具体在哪里(简洁版)
dom树对比的时候只对比动态的节点,.因为vue3将每个dom上的动态节点都以数组的形式保存在block 节点中,对比只需要循环对比两个数组中的动态节点即可。vue3以上优化,使得vue3在编译以及渲染的时候的效率都大大提升。连续多个的静态节点会被编译成字符串(更新时不需要重新编译)静态的事件处理函数也会被缓存(更新时不需要重新编译)静态的节点会被缓存(更新时不需要重新编译)对比节点的时候,又会只对比动态的节点内容.
2023-08-31 20:49:04
369
原创 【el-tree】树形组件图标的自定义
可以看到el-tree组件左侧自带展开与收起图标,咱们可以把它隐藏">如果需要点击改变图标的话就点击改变data中的icon属性即可。但是先确认是否已经定义好icon对应的图标.
2023-08-21 23:54:24
1647
原创 【el-tree】树形结构拖拽,拖动修改分组
我的项目中，树形结构的分层是通过parentid的.而分组内部的顺序是通过每一项的sortCode来决定的. 而el-tree在拖拽完成后,el-tree所绑定的数组会自动的和视图同步,我们可以省去了操作这个数据移动的步骤,我们需要关心的就是拖拽后,如果节点的层级改变了,那么需要将被拖拽节点的pid修改成改变后的父节点的id,以及更新进入的那个分组的里面所有元素的Sortcode.在拖拽后,进入我们的代码中的else说明节点是被拖拽到了某个节点的。注意：拖拽到节点内部的判定必须是。拖拽到某个节点的内部。
2023-08-20 00:51:22
2759
原创 js中布尔值为false的六种情况
5、NaN（无法计算结果时出现，表示"非数值"；但是typeof NaN===“number”）3、false（布尔值的false，字符串"false"布尔值为true）6、""（双引号）或’’（单引号） （空字符串，中间有空格时也是true）1、undefined（未定义，找不到值时出现）4、0（数字0，字符串"0"布尔值为true）2、null（代表空值）
2023-08-18 22:54:34
345
原创 Lodash包太大了? 可以单独引用某个工具函数 ! 单独引用lodash节流防抖.
有时候我们项目中想使用lodash中的防抖节流亦或者深克隆等工具函数,但是又怕lodash的包体积过大影响项目打包体积,这时候我们可以在页面中单独引用lodash中的某个工具函数。
2023-08-18 22:54:12
530
原创 mouseover、mouseout和mouseenter、mouseleave之间的区别(配对使用)
以上四个事件都是与鼠标相关的事件，其中mouseenter和mouseover均是时触发的事件，但是使用的时候会触发，也就是，当父元素和子元素均绑定mouseover事件的时候，如果触发子元素的mouserover事件，则同样会触发父元素的mouserover事件。但是使。
2023-08-17 22:04:33
383
原创 后端返回的base64流形式的图片,怎么放在src中
如果后端返回的数据已经带了图片格式前缀,那么直接放入src即可显示.(data:image/png;没带,则手动拼接上即可。
2023-08-17 21:47:41
647
1
原创 js计时器能做到精确及时吗?
按照 W3C 的标准，浏览器实现计时器时，如果嵌套层级超过 5 层，则会带有 4 毫秒的最少时间，这样在计时时间少于 4 毫秒时又带来了偏差。操作系统的计时函数本身就有少量偏差，由于 JS 的计时器最终调用的是操作系统的函数，也就携带了这些偏差。受事件循环的影响，计时器的回调函数只能在主线程空闲时运行，因此又带来了偏差。计算机硬件没有原子钟，无法做到精确计时。
2023-08-17 21:38:41
144
原创 前端跨域的原因以及解决方案(vue),一文让你真正理解跨域
跨域这个问题,可以说是前端的必需了解的,但是多少人是知其然不知所以然呢？下面我们来梳理一下vue解决跨域的思路。
2023-08-16 23:30:04
1079
原创 Vue中拖动排序功能,引入SortableJs，前端拖动排序。
作为一名前端开发人员，在工作中难免会遇到拖拽功能，分享一个github上一个不错的拖拽js库，能满足我们在项目开发中的需要，支持Vue和React，下面是我在vue后台项目中中使用SortableJS的使用详细流程；里面的配置:draggable: ".listitem" 将这个改成你需要拖动的实际元素的class,注意不与别的地方的元素重复.里面有你拖动的这个元素拖动前的索引和拖动后的索引，于是我利用这两个索引将数组数组进行处理，在后续进行调用接口保存顺序。
2023-08-16 22:15:30
1086
原创 uni-app引入sortable列表拖拽，兼容App和H5,拖拽排序。
作为一名前端开发人员，在工作中难免会遇到拖拽功能，分享一个github上一个不错的拖拽js库，能满足我们在项目开发中的需要，支持Vue和React，下面是我在uniapp中使用SortableJS的使用详细流程；拖拽后打印出来的e就是有已经排序好的每一项的id组成的数组。SortableJs中文文档。 拖拽排序
2023-08-16 21:09:44
1724
1
原创 webkit-box-reflect,前端Css文字倒影,制作炫酷的时钟倒影效果.
webkit-box-reflect属性提供元素倒影：webkit-box-reflectwebkit-box-reflectwebkit-box-reflect三个参数：效果
2023-08-13 23:54:15
379
原创 Vue中watch监听属性新旧值相同问题解决方案，watch
Vue中watch监听属性新旧值相同问题解决方案，我们此时遇到的问题就是新值与旧值指向同一个地址的问题.而深拷贝的特点就是新开辟一个地址储存需要拷贝对象的所有属性.然后指向这个新地址. 故。也有看其他人写的文章解决方案,都大差不差,都是使用一个计算属性加上深拷贝,不知道是自己理解能力有问题还是说习惯通俗的表达,看别人的回答时总感觉很拗口.于是自己总结了一下.能完美解决其中的问题.然后与计算属性合并达到监听的属性一旦变化,自动新开辟一个地址,储存新值.而新值与旧值指向的地址不同,则解决了新值与旧值相同的问题.
2023-08-08 23:08:42
2007
原创 如何使用webpack打包一个库library,使用webpack打包sdk.
用webpack打包时长会随着代码增加而变长,代码量可能比较大的可以参考我的另一篇使用vite打包sdk文章.如何使用webpack打包一个库library,使用webpack打包sdk.
2023-08-08 14:36:14
1264
原创 元素去掉滚动条,保留滚动功能,隐藏元素滚动条
如图,滚动条在红色框上,但是,给黑色框设置了overflow:hidden,红色框的滚动条刚好超出了黑色框,所以就隐藏了滚动条.或者把有滚动条的元素用另一个元素包起来,并设置overflow:hidden,让滚动条的位置超出外层元素,就隐藏了。
2023-08-08 11:00:26
398
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人