自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 自定义图片懒加载指令

/ 创建一个 IntersectionObserver 对象。// 将 data-src 的值赋给 src 属性。// 如果图片进入可视区域。

2024-06-26 09:59:40 362

原创 【git命令】

1、git 提交命令:第一步:git add . 第二步:git commit -m '代码更新' 第三步:git push。2、git 暂存代码 git stash apply。

2024-06-24 09:53:09 80

原创 vue中父组件引入子组件,用this.refs.子组件命名.参数名有时报错问题

原因是vue子组件没有来得及加载就调用了this.refs.子组件命名,子组件还没挂载,解决办法可以使用setTimeout(()=>{this.refs.子组件命名.参数。

2024-01-22 14:27:37 439

原创 element ui 中select框向下滚动加载更多

/ 获取element-ui定义好的scroll盒子。

2024-01-22 14:21:57 563

原创 vue中 request.js

/ 可在组件内获取到服务器返回信息。errMsg = `错误${Number(err.status)}-未知错误`errMsg = msg || '接口未知错误,请联系管理员'errMsg = '错误504-响应超时,请稍后重试'errMsg = '错误500-服务器内部错误'errMsg = '错误503-系统服务升级中'errMsg = '错误404-接口路径错误'errMsg = '错误401-接口无权限'errMsg = '错误502-网关错误'//判断报错的code 优先判断数据code。

2024-01-22 14:05:57 643

原创 js数组按照某个属性值中文特定规则排序

const sortArr = ['张三','李四', '张三丰']//排序规则。// 获取字符串在数组中的索引。// 比较索引值并返回排序结果。name:'张三丰',name:'李四',name:'张三',

2024-01-21 16:17:45 510 1

原创 前端js异步任务同步队列执行

throw new Error('传入的参数数据格式错误!使用compPromise([fun1, fun2]);

2024-01-08 10:48:02 379

原创 浏览器缩放js

/ 目前只针对 win 处理,其它系统暂无该情况,需要则继续在此添加即可。// 注意: 这个方法是解决全局有两个window.resize。// 重新校正浏览器缩放比例。// 校正浏览器缩放比例。// 判断设备,只在 win 系统下校正浏览器缩放比例。/* 监听页面缩放resize *//* 校正浏览器缩放比例 *//* 获取操作系统类型 *//* 初始化页面比例 *//* 监听方法 */

2024-01-08 10:30:05 691

原创 前端Websocket.js

console.log('接收到消息的回调方法event', event);console.log("WebSocket连接发生错误");console.log("webSocket连接关闭!console.log("WebSocket连接成功");//连接发生错误的回调方法。//连接成功建立的回调方法。//接收到消息的回调方法。//连接关闭的回调方法。

2024-01-08 10:11:15 377

原创 vue中按钮点击改变按钮的css

按钮1

2023-08-03 09:01:51 553

原创 【无标题】用于列表图片后台返回id,前端依据id从文件服务器获取懒加载

el-table-column label="图片" class-name="has-img">let refreshId = '',//修改后图片id刷新标识。updateFlag = false,//修改标识。updateId = '',//修改标识。

2023-08-01 14:42:07 93 1

原创 直接等于号,使用扩展运算符(...),Array.from(),Array.prototype.slice()方法赋值数组区别

综上所述,扩展运算符、Array.from()方法和Array.prototype.slice()方法都可以用于复制一个数组,但它们都是实现浅复制的,新数组中的元素仍然是原始数组中的引用。新数组中的元素仍然是原始数组中的引用,因此对新数组中的对象或数组的修改仍然会影响到原始数组。它也可以用于复制一个数组并创建一个新的数组。新数组中的元素仍然是原始数组中的引用,因此对新数组中的对象或数组的修改仍然会影响到原始数组。使用扩展运算符可以实现浅复制,即创建一个新的数组,但是新数组中的元素仍然是原始数组中的引用。

2023-08-01 14:26:19 126 1

原创 搜索按钮事件导致页面刷新

查询列表的时候,按钮事件<button type="button" title="搜索" @click="getDataList()"></button>不设置type = ‘button’,会默认为submit,点击搜索查询,会导致页面刷新

2023-06-13 17:31:02 87 1

原创 vue封装工具类方法更新

1.新建一个utils文件夹,在文件里新建文件toolClass.js,如下文。3如果单独在某个页面使用,页面直接引用。2.挂载全局在main.js中引入。// 将字典转换为数组。//键盘enter事件。//生成uuid方法。

2023-06-13 17:23:11 226

原创 前端开发中遇到常见问题总结

1、解决循环数组对象覆盖问题,有时循环一个数组push对象后,数组会是重复的最后一个对象,前面的被覆盖了tabArr.forEach((item, index) => {let lastSort = lastSort + 1 //排序加1obj = { value: index, text: item, sort: lastSort } //加上sort属性为了每次循环创建是一个新对象,解决对象被覆盖的问题。tempArr.push(obj)})2.vue中select框与

2022-03-02 13:41:59 4996

原创 ant-design-vue 上下移动表格的行

<a-table id="tt" size="small" bordered rowKey=" planId" :columns="columnsPro" :dataSource="dataPro" :pagination="false" :loading="loading" ...

2022-02-22 11:21:28 1190

原创 vue实现pdf预览

<template> <j-modal :title="title" :width="width" :visible="pdfVisible" :fullscreen="true" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭" > &lt...

2022-02-22 11:06:25 743

空空如也

空空如也

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

TA关注的人

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