- 博客(39)
- 收藏
- 关注
RSS订阅原创 antdv表格禁用全选问题
antdv表格多选功能，禁用掉某些项之后，点击全选，可能会出现禁掉的项也被选中，如图导致某些项无法选中，出现这个问题的原因是表格的rowKey设置有问题，如果没有为表格设置rowKey属性，那么就需要在得到表格数据之后循环为每一行数据加上一个key属性，；如果为表格设置了rowKey属性，就不需要为每一项项加上key属性，但是rowKey的值必须是每一行数据里面唯一索引，可以使用类似id等等，不可以用index作为索引。...
2022-01-20 13:52:15
2373
原创 vue require引入图片
vue中img的src的地址如果是用require在data里面引入的一张本地图片，实际上是将这张图片转化成了base64格式来展示的
2022-01-07 16:34:14
1253
原创 vue中的ref属性
el，el，el，ref和$root的使用$el是获取当前dom元素$refs是获取当前设置了ref属性的元素 <div id="main"> <h3 ref="a">xixixixiix</h3> <p ref="b">加油呀</p> <son ref="ccc"></son> <button @click="test">调用子组件中的方法和属性<
2020-07-18 20:38:40
634
原创 实时获取数据
实时获取服务器的最新数据轮询在客户端定义一个定时器，定时的向服务器发起请求获取最新的数据websocket长连接在客户端和服务器之间建立一个长连接，服务器端有最新的数据之后，会主动的推送给客户端socket.io总结面试时常见的问法在项目中如果实时的获取服务器最新的数据？如何统计当前的实时在线人数？如何实现一个聊天室？轮询和websocket的区别？轮询是传统的方式，不存在浏览器兼容性问题。定时的发送网络请求轮询对客户端的电脑资源会造成额外的开销，如果页面中的定时器过
2020-07-18 19:18:58
588
原创 文件上传
1.vue写法首先设置一下HTML<!-- 在页面中防止一个影藏的file标签，change事件表示文件选择之后触发 --> <div class="imgs"> <img :src="imgUrl" @click="imgSelect" style="width:100px" /> </div> <input type="file" style="display:none" ref="file" @change=
2020-07-18 19:07:57
166
原创 es6语法
ES6语法ES版本的JavaScript语法，是一个非常重要的版本对于JavaScript的功能上有一个极大的丰富让JavaScript从弱类型一眼，提升到了半强类型语言1.新增变量的定义：let,const关键词定义变量let定义变量：多用于基本数据类型和循环中特点：不会进行预解析，与forEach()中的变量类似，每次执行都会定义一个新的互不影响的变量不能重复定义变量名称，一个...
2020-04-19 13:50:56
209
原创 JavaScript之箭头函数
箭头函数：函数的另一种语法形式const fun =function(){} 普通函数const fun=()=>{} 箭头函数将匿名函数部分，由function(){}写成()=>{}只有一个参数，小括号可以不写，直接定义一个参数const fun = e=>{}如果执行体中只有一行代码，可以不写大括号const fun = e=>console...
2020-04-09 23:08:14
245
原创 JavaScript节点操作之获取节点
1.获取当前标签中所有的子级节点，执行结果是一个伪数组，可以forEach()形式是与querySelectorAll()获取的伪数组是一样的oDiv.childNodes2.获取当前标签中，所有的元素节点/标签节点，执行结果是一个伪数组，不可以forEach()oDiv.children3.获取当前标签中，第一个节点oDiv.firstChild4.获取当前标签中，最后一个节点o...
2020-04-08 22:07:24
535
原创 JavaScript之轮播图
html部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc...
2020-04-07 23:42:59
136
原创 JavaScript之事件监听
事件监听普通事件绑定方式，绑定多个相同事件，只会执行最后一个事件绑定函数事件监听方式：标签对象.addEventListener(‘事件类型’，事件处理函数)第三个参数：true/falseoDiv.addEventListener(‘click’,function(){console.log(‘123’);})oDiv.addEventListener(‘click’,funct...
2020-04-03 23:24:14
169
原创 JavaScript之轮播图运动函数
var oDiv=document.querySelectoe('div');var oBtn=document.querySelector('button')function move(ele，obj){//先通过for...in循环，来调用参数2，获取其中的执行属性和目标位置的数值//目前是obj中，有一个单元会循环一次，生成left方向的定时器//如果obj中，有多个单元，会循环多...
2020-04-02 23:15:19
276
原创 JavaScript之选项卡效果
所谓的选项卡效果就是如下点击相应的按钮出现相应的效果，这个用JavaScript怎么完成呢，这篇文章我们就来讲解一下html代码我们是用两个ul列表来完成的 <div> <ul class="list1"> <li class="active">效果1</li> <l...
2020-04-01 22:08:11
599
原创 JavaScript之键盘事件和触摸事件
键盘事件：与按键相关的事件键盘事件，不能绑定给某个标签必须是window或者documentkeydown：按下事件，如果按住不放，就会一直触发keyup：放开事件1.window.οnkeydοwn=function(){}2.document.οnkeydοwn=function(){}必须是可以被选中的标签，可以获取焦点的标签input,select,textarea,but...
2020-03-31 21:48:42
463
原创 JavaScript之鼠标事件
1.左键单击事件：有两个动作完成，一个是鼠标按下，一个是鼠标抬起如果只有按下，只会触发mousedown鼠标抬起才会触发clickclick—标签对象.οnclick=function(){}2鼠标左键双击事件：dblclick—标签对象.οndblclick=function(){}3.右键单击事件：contextmenu—标签对象.οncοntextmenu=function(){}...
2020-03-31 00:25:31
313
原创 JavaScript之如何将字符串'100px'转化成数值100
方法一：parseInt()方法parseInt()方法将其他数据类型强制转化成数类型转化原则是：parseInt(true/false/null/undefined/对象/数组)转化为NaN字符串的转化：parseInt(‘123.123abc’)===123parseInt(‘abc123’)===NaNparseInt(‘123’)===123parseInt(3.14e3)...
2020-03-29 00:47:33
3979
原创 DOM操作之获取元素占位
宽度，高度，margin，padding，border1.可以通过标签样式来获取获取到的结果是属性值有px单位window.getComputedStyle(oDiv).height2.其他方式offsetHeight offsetWidth宽/高+padding+borderclientHeight clientWidth高/宽+paddingclientLeft cl...
2020-03-29 00:08:10
431
原创 JavaScript之表格生成，增加和删除操作
1,定义全局作用域变量tbody标签对象 数组arr 新增button按钮2,调用生成table表格函数,生成页面;setTab();3,给新增button按钮,添加事件标签.onclick = funciton(){}获取数据,姓名,年龄,性别,城市将四个数据,生成对象,对象的解构与arr数组中的对象,结构一致将生成的对象,新增写入到arr数组中根据新的数组,再重新渲染,生...
2020-03-27 22:45:35
367
原创 BOM之浏览器常见事件
事件的定义：所谓的事件，就类似于一个约定，当触发条件时，就会执行指定的程序1.click点击事件给标签绑定点击事件 当标签触发 点击条件时 执行绑定的程序click 点击事件 — 事件类型onclick 绑定点击事件 , 给标签绑定一个事件类型事件处理函数 , 触发事件时,执行的程序也可以是一个已经定义好的函数给div标签,绑定了一个事件类型事件类型是点击事件类型点div标签...
2020-03-26 22:37:38
286
原创 JavaScript之异步执行
计算机程序执行分为同步执行和异步执行所谓的同步执行，就是正常的计算机程序执行的顺序顺序控制语句 从上至下，从左至右分支控制语句 if switch循环控制语句 for，while，do…while()所谓的异步执行，是一种特殊的程序的执行方式setInterval setTimeout事件的绑定 onclick…ajax请求所谓的异步执行程序1.所有异步程序的执行，都会...
2020-03-25 23:58:12
272
原创 JavaScript之定时器
定时器：根据设定的时间间隔，来循环执行程序只要定时器不停止，程序就会一直执行setInterval(参数1，参数2)参数1：要执行的程序，必须是一个函数的形式function(){定义程序}参数2：执行程序的时间间隔，单位是毫秒时间间隔不能无限小，与计算机的刷新频率有关60Hz，代表1s刷新60次1次就是1000/60----16.66666…毫秒我们最少定义0.1s，也就是10...
2020-03-24 23:17:46
102
原创 JavaScript之生成随机颜色和随机大小像素
随机数Math.random()随机生成一个0-1的小数，可以使0，不可以是1生成a-b范围的随机数，a小b大公式parseInt(Math.random()*(b-a+1)+a)1.应用：随机颜色设定因为Math.random()只能是随机数值因此使用rgb()语法来设定颜色数值范围是0-255rgb(数值1，数值2，数值3)<body> <p id=...
2020-03-23 23:43:03
317
原创 JavaScrip-引用数据类型的深浅拷贝
简单数据类型的赋值：var str1='haha'var str2;str2=str1;str1='xixi';console.log(str1);console.log(str2);这里控制台的输出结果是很明显，将str1的值赋给str2之后，如果再对str1的值做出改变的话，对str2的值没有影响，因为这里进行的是将str1变量的值赋给str2。接下来我们来看引用数据类型的...
2020-03-21 18:02:17
132
原创 JavaScript之冒泡排序
冒泡排序原理：相邻的两个单位，比较存储的数据如果第一个单元的数据比较大，就将两个相邻单元交换存储数据、过程：从起始单元开始比较，第一次循环，会选择出一个最大值，放在数组的最后面之后每次循环都会找出本次循环最大值，放在当前参与比较单元的最后面、之前已经比较选出的单元，不会参与下一次比较代码：var arr=[.......];通过循环，生成所有的索引下标// 外层循环,循环执行排序...
2020-03-20 22:56:51
97
原创 JavaScript之选择排序算法
过程：先定义循环的起始位置默认为最小值所再的位置从起始位置的下一个位置开始，执行循环如果有位置上的数值小于存储索引位置上的数值就存储这个位置的索引值循环结束，比较存储的索引，是否是起始位置索引如果不是，就交换两个位置上的数值会将本次循环的最小值，放置在循环的起始位置上执行多次循环，完成排序程序：var arr=[....]// 外层循环,实现排序循环次数,次数是单元个数 -1...
2020-03-19 23:11:59
152
原创 js_数组的应用：生成表格
根据数组的内容，生成页面中的table表格我们从数据库或者借口获取到的数据信息，往往都是数组形式基本都是二维数组形式html部分是<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2020-03-18 23:13:13
1832
1
原创 JavaScript之变量的作用域
变量的作用域：所谓的变量作用域，就是变量的使用范围每一个变量都有自己的适用范围作用域分为两种定义在函数中的变量，称为局部作用域/局部变量包括函数的参数，定义在函数内部的变量，都成为局部作用域/局部变量只能在函数内部被调用使用函数外部不能直接调用使用只要是在函数外部，调用函数内部的变量，都是报错定义在函数之外的变量，称为全局作用域/全局变量在函数内部是可以调用全局作用域变量的，但...
2020-03-17 23:26:46
108
原创 JavaScript_函数封装的基本步骤
1.定义程序来实现功能的需求2.定义函数，将程序放在{}中，封装程序3.定义参数4.定义返回值5.考虑容错机制函数的执行，对于参数是要有要求的，如果参数出现问题要么终止程序的执行，要么对参数进行处理1.使用return关键词来终止函数的执行在switch判断中和循环语句中，可以用break来终止程序的执行在函数中要终止函数的执行，不能用break，需要使用return关键词2....
2020-03-16 22:29:47
1322
原创 JavaScript_数据类型之_undefined和null
undefined:定义了一个数据，但是没有给他赋值，这个时候他就是一个undefined类型的数据null:定义了一个数据，他有数值，但是数值为空
2020-03-14 23:21:21
131
原创 JavaScript_for循环
for循环应用最广泛的循环的形式适用于已知循环次数，循环嵌套for和while循环，所有的关键步骤的代码都是一样的，只是语法形式不同的，程序的执行原理和执行顺序也是一样的for()小括号内容的顺序for(定义变量的初始值；进入判断条件；步长){循环体}执行顺序，依然是先执行循环体，再执行步长优点是将循环变量，是将与循环变量和循环次数相关的设定,都定义在()中，设定内容更加集中，不容易...
2020-03-13 23:05:20
352
原创 JavaScript-if分支判断
if判断的基本语法1.if(表达式){执行程序}当表达式的结果为true，执行程序当表达式的结果为false，没有执行程序var pay = 50000;if(pay > 100000){ console.log('恭喜我自己,获得 100 元零花钱'); }2.if(表达式){程序1}else{程序2}当表达式为true，执行程序1当表达式结果为false，执...
2020-03-12 21:47:37
260
原创 JavaScript自增自减运算符
自增自减运算符：++ –++：自增，每次执行都会在变量存储的原始数值的基础上+1++展开的意思是：int=int+1–:自减，每次执行都会在变量存储的原始数值的基础上-1–展开的意思是：int=int-1前缀/前置语法：++变量先改变变量中存储的数值，使用新的数值来参与运算，参与的是+1的数值后缀/后置语法：变量++当前位置上不执行++操作，也就是不改变变量中存储的值，在当前位置...
2020-03-11 22:59:48
794
原创 JavaScript数据类型的自动转化
在JavaScript程序中，变量中存储的数据类型没有限制也就是在变量照片那个可以存储任何复合JavaScript语法规范的数据类型但是在JavaScript程序中，往往需要变量中存储的数值是某种特定的数据类型，此刻就需要数据类型的转化所谓的数据转化，就是将当前数据类型转化成其他数据类型JavaScript中数据类型的转化，分为自动转化和强制转化自动转化是计算机程序，自动完成的转化，自动...
2020-03-10 22:05:57
407
原创 js随记
JS的变量1.官方定义：存储在内存之中的带有名称的容器，其中存储的数据在程序执行的过程之中可以改变实际上·就是存储数据的容器所有计算机程序，数据都会存储在变量中，通过操作变量来操作数据2.定义变量的语法形式var name = ‘张三’；：证明一个叫name的变量，将张三这个数据，赋值给name来存储，而不是name的变量等于张三这个数据var：声明变量的关键词，告诉计算机，我正在...
2020-03-09 22:30:39
151
原创 css随记
竖向排列并且实现宽度自适应分栏布局–竖向排列（每一栏都是等分的）flex布局–竖向排列（宽度不会自适应）浮动–要做好多个单独的布局grid布局–是可以很好地做到grid-auto-flow:column;实现竖向的排列，元素一列列的向下排列，不够了去另一列给父容器加绝对定位，然后给子元素加宽高HTML5标签含义大全（元素周期表）W3school块和内联的区别？？？标签规范：p...
2020-03-07 15:39:24
141
原创 练习题小记
重复的线性渐变需要用到哪个函数：repeating-linear-gradient动画的关键字是：from to通过@keyframes来创建一个动画绑定动画的属性为：animation伪元素绑定一个动画时必备的条件是动画名称和时长prespective属性定义3D元素距视图的距离定义元素在不面对屏幕时不可见：backface-visibility:hidden如何让一个动画无限次的...
2020-03-05 23:55:48
459
原创 flex弹性盒模型
Flex弹性盒模型margin的百分比是按照父容器来计算的translate的百分比是按照本身来计算的让子元素在父元素中上下左右居中：1.定位加拉取（子元素固定大小）：position：absolute；left：50%；right：50%；margin：本身容器的宽度高度的一半2.定位加位移：position：absolute；left：50%；right：50%；transform：...
2020-03-04 23:51:41
122
原创 每日随记
一：audio音频与video视频<audio src=’’’’>//mp3,m4a,avi…注：音频与视频的默认控件是隐藏的controls：显示控件loop：循坏播放autoplay：自动播放//现在很多浏览器为了用户体验都禁止自动播放，视频加了静音就会自动播放，音频加静音不会自动播放muted：静音如果想做出与扣扣音乐一样的效果：audio标签+隐藏控件（默认的，控...
2020-03-03 23:07:01
283
原创 响应式布局
响应式布局的解释就是用一套代码，去适配不同的设备，既可以运行在PC端，又可以运行在移动端。响应式布局适合用在小网站、个人博客、产品介绍页中等等，对于移动端和网页端差距比较大网站就不建议用响应式布局了。响应式布局的实现：采用CSS3媒体查询，即media queries。可以针对不同的媒体类型设置不同的样式，从而实现响应式布局。同时也可以针对不同的分辨率设置不同的样式。不同设备的分辨率：102...
2020-03-01 19:09:37
122
原创 CSS定位
CSS定位解决的是叠加排列的问题CSS定位用的是position属性position的取值有：static,relative,absolute,fixed,stickystatic是默认值，没有定位，出现在正常的文档流中relative：相对定位，如果没有定位偏移量对元素不会造成任何影响，left，right，top，bottom都是相对于元素自身当前左上角的位置开始偏移，虽然是以当前元素...
2020-02-23 16:35:48
78
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人