自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(43)
  • 收藏
  • 关注

原创 JS数组中对象位置的(互换、置顶、上移、下移)

主要使用到的js函数。

2025-02-19 14:01:26 58

原创 elment ui 表格数据打印

(打印表格必须要去掉表头中的fixed属性,每一列的宽度可以通过 width 来控制)通过调用浏览器自带的打印功能,完成对table数据的打印。

2025-02-11 14:49:20 200

原创 js实现深拷贝

比较常见的深拷贝方法(JSON.stringify + JSON.parse)、递归调用、lodash、Object.assgin(注意:只有当对象中没有嵌套对象时,才可以实现深拷贝)、structuredClone(该方法为Web最新的 API,存在兼容问题)浅拷贝是创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是基本类型的值,如果属性是引用类型,拷贝的就是指向内存的地址 ,所以如果其中一个对象改变了这个引用类型的值,就会影响到另一个对象。

2025-02-11 11:34:41 263

原创 template标签循环

代码主要思路(for循环时需要将使用key,去给dom一个标识,template标签是一个template专为包含模板内容而设计,并没有真实的dom,这时就需要将key绑定到template标签所包裹的dom元素上,这时要循环的dom元素身上才会有key)使用template标签循环,实现一个dom模版的多次循环。

2025-02-10 15:25:43 143

原创 获取字符串实际宽度、高度

将字符串放入一个js创建的dom中,设置字符串的文字大小,然后通过offsetWidth获取到宽度,获取成功后将dom销毁。

2025-01-24 17:14:35 81

原创 element tbas增加下拉框

tab-click="事件"(这个事件当中到拥有下拉框的tab里时,可以存一下Dropdown 第一个菜单的id,实现点击到拥有下拉框的tab时执行Dropdown 菜单值的查询)@command="事件"(这个事件里点击时,直接将Tabs 绑定的v-model值设置为拥有下拉框的tab ID,实现点击Dropdown 菜单时,切换到指定的Tab页)使用Tabs 标签页的label插槽,嵌入Dropdown 下拉菜单,实现Tabs 标签页增加下拉切换功能。代码(vue2、vue3同一个思路)

2025-01-23 15:55:22 412

原创 flex左右等高布局

flex布局:一个div有高度,另一个没有高度,使用align-items: stretch;将div1设置成div2的高度。

2025-01-17 11:32:31 218

原创 el-timeline时间线(Plus)左边图标改为自定义图片

时间线左侧正常根据文档内容,是填写的icon,但通过icon属性还有另外一个类型,component,可以搭配h函数写一组img元素,实现将图标改为本地图片。(目前图片有点小,还需要自己去调整下大概样式,比较懒,就放了个大概样子)

2025-01-17 10:11:19 311

原创 js多种循环方法(通过循环进行判断的相关方法)

可以判断数组或字符串内是否包含某个值,返回值是下标,找到true,没找到返回false。可以判断数组或字符串内是否包含某个值,返回值是下标,找到返回位置下标,没找到返回-1。先执行循环,再判断下次循环是否继续(如果一开始条件就不满足,他也会执行一次)将一个一维数组拼到一块,可以计算相加值,也可以将数字全部拼接成字符串。有返回值,一个条件不满足就返回false,并不继续循环。有返回值,一个条件满足就返回true,并不继续循环。可以对遍历项操作,且返回新的数组,元素组不改变。

2025-01-15 16:19:33 223

原创 nvm切换与管理node版本

nvm适用于多项目同时开发,然后项目适配node版本不同时,通过nvm进行node版本切换(安装nvm时,电脑内不应有已配置好的node,如果有的话可以先卸载掉原本node,再安装nvm)

2025-01-15 09:39:45 744

原创 前端验证码实现

主体思路,使用canvas画布生成验证码,跟输入框内数据通过from表单进行对比。

2025-01-13 09:48:30 179

原创 css背景线性渐变

两边渐变透明,中间不渐变。

2025-01-09 16:34:53 185

原创 http常用状态码(204,304, 404, 504,502)含义

http状态码 300 (多种选择) 针对请求,服务器可执行多种操作。http状态码 307 (临时重定向) 服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。http状态码 302 (临时移动) 服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。http状态码 413 (请求实体过大) 服务器无法处理请求,因为请求实体过大,超出服务器的处理能力。http状态码 414 (请求的 URI 过长) 请求的 URI(通常为网址)过长,服务器无法处理。

2025-01-08 11:02:26 1031

原创 dom元素生成word文档(vue2、vue3)

导出的文档中包含图片情况下,word文档图片会加载慢一些,可以等一下。

2025-01-08 10:09:52 101

原创 js时间获取格式(获取前几日、月、年方法)

【代码】js时间获取格式。

2025-01-08 10:03:44 644 1

原创 使用postMessage解决iframe与父页面传参

子页面(iframe)父页面---html。

2025-01-08 10:01:51 284

原创 deep穿刺的多个写法

【代码】deep穿刺的多个写法。

2025-01-08 09:51:36 100

原创 当前时间转格式,不使用new Date().Format(‘yyyy年MM月dd日‘)

this.dateTypeFormat(''YYYY年mm月dd日HH:MM:SS',newDate())this.dateTypeFormat('YYYY年mm月dd日',newDate())//默认当天。this.dateTypeFormat('YYYY-mm-dd',newDate())//默认当天。返回值:2025年01月08日09:47:46。返回值:2025-01-0809:47:18。返回值:2025年01月08日。返回值:2025-01-08。

2025-01-08 09:47:13 131

原创 vue2日历组件

这个代码可以直接运行,未防止有组件库没安装,将组件库的代码,转成文字了。

2025-01-08 09:19:37 436

原创 Ant Design Vue表格插槽

columns中声明插槽别名,然后在html中进行使用。text:当前这个key使用时返回的对应值,record:当前行数据,

2025-01-08 09:15:15 130

原创 element(vue2)表格插槽

原文链接:https://blog.csdn.net/weixin_53641562/article/details/124066501。这里的scope里边有很多属性可以获取rowIndex,只是获取内容可以{row}scope.row.属性。#default="{row}"形式。default:是内容的意思。#:是v-solt的缩写。

2025-01-07 17:34:56 539

原创 vue3创建可拖拽自定义指令(拖拽组件)

【代码】vue3创建可拖拽自定义指令(拖拽组件)

2024-12-09 14:55:37 549

原创 不规则圆形dom排列

html页面代码(一个构想,没有写完随机大小)

2024-11-18 14:53:33 151

原创 文字立体阴影

【代码】文字立体阴影。

2024-11-18 14:20:15 425

原创 前端-杂文

时可展开或折叠的代码块。在较长的代码文件中,能够折叠或隐藏一个或多个区域会十分便利,这样,可将精力集中于当前处理的文件部分。(可以在使用 vsCode 编辑器的。

2024-11-15 13:57:17 174

原创 storage.js实现数据持久化

本地储存的 js 插件 ,提供有效期、只读取一次以及输出 json 数据等功能。使用实例(2)---(将以上js文件引入mian.js文件中)使用实例(1)---(这种需要在 HTML 文档中引用)

2024-11-13 10:36:06 295

原创 VUE对axios封装(让其支持get与delete方式传递数组)

http://IP:端口/路径?http://IP:端口/路径?不封装时,传递数组效果。在封装axios的页面。封装时,传递数组效果。

2024-11-13 09:59:30 128

原创 gantt-elastic甘特图(增加连接线箭头指向)

包的这个文件(node_modules\gantt-elastic\src\components\Chart\Row\Milestone.vue)包的这个文件(node_modules\gantt-elastic\src\components\Chart\Row\Project.vue)包的这个文件(node_modules\gantt-elastic\src\components\Chart\Row\Task.vue)由于甘特图连接线不带箭头指向样式,所以手动修改node包文件。

2024-11-08 16:30:03 300

原创 vue自动播放(无限轮播)

效果(懒得放动图了)

2024-11-07 14:23:14 409

原创 gantt-elastic(vue甘特图)

【代码】gantt-elastic(vue甘特图)

2024-11-07 14:15:38 349

原创 vue常用事件

【代码】vue常用事件。

2024-11-05 10:48:00 129

原创 vue项目中env使用

(如使用npm run serve 会自动加载.env与.env.development中的变量,.env文件中与.env.development中声明的名相同时,会使用.env.development中声明变量的值)会生成三个env文件(.env、.env.development、.env.production)(.env文件中与.env.XXX中声明的名相同时,会使用.env.XXX中声明变量的值).env.development 开发环境加载的配置文件。.env中变量使用,变量名声明为。

2024-10-17 17:27:28 314

原创 nginx代理本地磁盘指定路径下文件

(http://localhost:8080/files/测试1.jpg)使用nginx代理磁盘路径下文件( E:/图片资源/)代理完成后,在浏览器中访问该文件的url。

2024-09-19 08:53:29 320

原创 伪元素实现消息提醒

【代码】伪元素实现消息提醒。

2024-09-13 09:23:20 212

原创 在vue2中使用webrtcstreamer解析播放rtsp流

adapter.min.js文件位置:webrtc-streamer-v0.8.6-dirty-Windows-AMD64-Debug\html\libs中。webrtcstreamer.js文件位置:webrtc-streamer-v0.8.6-dirty-Windows-AMD64-Debug\html中。测试输入流是否可以播放(这里可以播放,但有些原因嵌入到页面里也无法播放)启动完成后可以在浏览器中输入设置的ip和端口打开,看看是否启动成功。播放成功了,右键,打开编码器信息,查看是否是h264编码。

2024-09-12 09:45:29 1943 6

原创 滚动条样式调整

【代码】滚动条样式调整。

2024-09-12 08:59:59 244

原创 Ant Design Vue的tree树,样式连接线与文本溢出隐藏

【代码】Ant Design Vue的tree树,样式连接线与文本溢出隐藏。

2024-09-12 08:57:45 255

原创 element的tree树,样式连接线与文本溢出隐藏

【代码】element的tree树,样式连接线与文本溢出隐藏。

2024-09-12 08:55:25 229

原创 获取树形数据某个节点的全部父级id

【代码】获取树形数据某个节点的全部父级id。

2024-07-16 15:44:39 358

原创 后端返文件流前端下载文件(常见的文件type类型)

单独写axios进行下载。常见的文件type类型。

2024-06-06 11:07:14 228

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除