自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue3+element-plus列表复选框分页保持之前的选中状态,且可回显上次已提交勾选的状态(下篇)

点击提交按钮,进行数据提交。再次打开弹窗列表接口返回上次提交的选中数据,页面需要进行回显,已回显的选中数据支持取消勾选且翻页后继续保持取消勾选的状态。问题1:初始化时进行一次列表接口请求,翻页时也需要进行列表接口的请求,如果每次都将接口数据赋值给自定义变量,那数据永远删除的都是上次操作的最后一条数据,删除多个时会有问题。思路:将接口返回的选中状态的数据进行储存,如果取消勾选的该项的id匹配到接口返回的数据,则从储存的数据中删除该条。解决问题1:请求列表接口时,只将初始化时拿到的数据进行保存,翻页时不保存。

2024-01-18 16:34:57 642 1

原创 IOS键盘兼容问题

解决思路:通过判断环境为ios系统,为input,textarea增加blur事件,失去焦点,页面自动滚动到原来的位置。

2024-01-17 10:35:48 391

原创 vue3+element-plus列表复选框分页保持之前的选中状态

复选框事件分为选择多个(@select)和选择全部(@select-all)

2024-01-15 14:16:21 460

原创 jq中文件 上传的方法

$(function () { var fileLen ="" var upImageLen ="" var getDataList ={ init:function(){ this.addListenner(); } addListenner:function(){ var self = this; //附件上传 $("#upload_file").on('change',.

2021-12-01 14:56:15 1916

原创 kb转mb的方法

var fileSize = file[0].size / 1024 / 1024 < 20;

2021-12-01 14:36:31 1149

原创 jquery中面向对象的函数

$(function () { var getDataList ={ init​:fun​ction​()​{​ this.addListenner(); }​​ addListenner:function(){ var self = this var url = bpmUrl + "/workflow/anonData/g...

2021-12-01 14:16:59 381

原创 jquery获取链接中的参数方法

function getUrlParms(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var getHref = decodeURI(window.location.search) var r =getHref.substr(1).match(reg) if(r!=null) return unescape(r[2]); return null;.

2021-12-01 14:02:44 1055

原创 window.location对象详解

window.location.href(当前URL)结果如下:http://www.myurl.com:8866/test?id=123&username=xxxwindow.location.protocol(协议)结果如下:http:window.location.host(域名 + 端口)结果如下:www.myurl.com:8866window.location.hostname(域名)结果如下:www.myurl.comwindow.lo

2021-09-02 13:59:32 189

原创 使用jq时window的用法

1.重新刷新页面使用window.location.reload//模态框中右上角关闭图标点击刷新页面$("#refresh-box .close").click(function() { window.location.reload();})window.location.reload2.打开新页面使用window.location.herfwindow.location.href = "https://bjtest.xdf.cn/passport//user/detail";

2021-09-02 10:54:14 893

5.ts中实现继承extends、super

class Person { name: string constructor(name: string) { //构造函数,实例化时触发的方法 this.name = name } run(): string { return `${this.name}在吃饭` }}​class Web extends Person{ constructor(name: string) { super(name...

2021-05-30 19:32:36 669

原创 4.ts中如何定义类

class Person { name: string constructor(name: string) { //构造函数,实例化时触发的方法 this.name = name } run(): void { console.log(this.name) }}var p = new Person('张三')p.run()​​class Person { name: string constructo...

2021-05-30 19:28:30 450

原创 3.ts中函数的定义

(1)函数声明法function run():string{ return 'run'}​// 匿名函数var run2=function():number{ return 123}run2()(2)ts中定义方法传参function getInfo(name:string,age:number):string{ return `${name} ===${age}`}getInfo('张三',20)(3)没有返回值的方法function ru...

2021-05-30 19:15:45 228

原创 2.ts中的几种数据类型

(1)使用ts定义数组有两种方式// 定义number类型的数组// 方法一:let arr:number[]=[1,3,4,5] console.log(arr) //[1,3,4,5] // 方法二:let arr:Array<number>=[1,3,4,5]console.log(arr) //[1,3,4,5]​​// 定义string类型的数组// 方法一:let arr:string[]=['web','java']console.log(arr) /

2021-05-30 16:40:35 634

原创 三.数组去重的方法

1.使用Indexof进行数组去重var arr = [1, 3, 4, 6, 67, 89, 3, 5, 7, 6, 1] function fn(arr) { var newArr = [] for (var i = 0; i < arr.length; i++) { if (newArr.indexOf(arr[i]) < 0) { newArr.p...

2021-05-30 15:41:15 54

原创 二、数组的排序方法

1.sort()排序let arr =[2,4,5,7,1,56,89,34] arr.sort(function(a,b){ return b-a }) console.log(arr)// [89, 56, 34, 7, 5, 4, 2, 1]2.选择排序选择排序是将一个数组的相邻两项进行比较,如果前一项比后一项大则交换位置,这样每一轮都能得到一个最小值var arr = [2, 4, 5, 7, 1, 56, 89, 34] ...

2021-05-30 15:33:49 110

原创 一、Object.keys()的用法

1.遍历一个对象得到一个数组: (1)使用forEach进行遍历: var queryData = { name: 'zhangsan', data: '20211212' } Object.keys(queryData).forEach((k) => { console.log(queryData[k]) //[name,data] })​(2)使用map进...

2021-05-30 15:32:16 805

空空如也

空空如也

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

TA关注的人

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