iris@前端-CSDN博客

原创 JS中常用的处理数组的方法

JS中常用的几个处理数组的方法前端经常会对后端返回的数组做处理，今天分享几个常用的方法来帮助大家书写更加简洁，性能更高的代码！.filter()该方法会返回一个符合函数条件的新的数组，不会改变原来的数组 (筛选数组，返回符合条件的值)。比如，创建一组年龄的数组，该数组的值必须大于等于18岁:let ages=[12,24,16,17,28,37,27,19];let filterAges=ages.filter(age=>age>=18)console.log(filterAges

2020-12-26 17:01:53 385

原创 hover控制元素的显示和隐藏不生效

hover控制元素的显示和隐藏不生效原因：点击的元素和需要显示隐藏的元素不属于一个父级元素，如果想要hover伪类生效的话，点击的元素和显示隐藏的元素需要属于同一个父级元素。例如：html部分<div class="box"> <button class="top">显示div</button> <div class="bottom">我显示了</div></div>CSS部分.box{width:200

2020-12-17 19:28:49 2350 1

原创 flex实现三栏布局

flex实现三栏布局，两边固定，中间宽度自适应效果图html部分<div class="outer"> <div class="right"></div> <div class="center"></div> <div class="left"></div></div>CSS部分.outer{ display: flex; height: 100%;

2021-04-15 16:12:57 1545

原创普通函数和箭头函数的区别

普通函数和箭头函数的区别普通函数箭头函数普通函数this指向调用它的对象；可以通过bind、call、apply改变this指向；可以使用new；箭头函数不能通过bind、call、apply改变this指向；使用new调用箭头函数会报错，因为箭头函数没有constructor；箭头函数的 this 永远指向其上下文的 this ，任何方法都改变不了其指向，如 call() , bind() , apply() ...

2021-04-15 15:37:15 102

原创正则校验电话号码

整理了一些比较全的校验电话号码的正则 1.十一位数字，以1开头； 2.七位或八位数字组成的固化号码和三到六位数字组成的短号或集团号； 3.区号+号码，区号三到四位数字，号码七到八位数字，区号和号码之间可以使用“-”连接，也可以无连接符，如01088888888,010-88888888,0955-7777777； 4.号码+分机号，号码七到八位数字，分机号一到五位数字，号码和分机号之间可以使用“-”连接，也可以无连接符，如88888888003，88888888

2021-03-09 16:39:41 8885 1

原创如何去掉网页一直点击出现蓝色背景的效果

这是浏览器默认选中的效果，双击就会出现，一般不做取消，如果测试提出问题，可以询问产品和交互的意见。 body, html{-moz-user-select: none; /*火狐*//*选中文字时避免出现蓝色背景*/ -webkit-user-select: none; /*webkit浏览器*//*选中文字时避免出现蓝色背景*/ -ms-user-select: none; /*IE10*//*选中文字时避免出现蓝色背景*/user-select: none;/*选中文字时避免出现蓝色背

2021-01-12 09:42:02 1278

原创设置内容在固定高度内滚动

设置内容在固定高度内滚动在HTML布局中，我们希望当内容超出div的固定高度时，div中能够出现滚动条，实现内容在div的固定高度内滚动，其实实现方式很简单：只需要在需要滚动的div上面把高度固定死，然后加上overflow-y:auto;这个属性就可以：height：100px;overflow-y:auto;...

2020-12-30 11:12:17 4554 1

原创什么是闭包？闭包的优缺点？

什么是闭包？闭包的优缺点？想要理解闭包，首先要知道变量作用域的概念。1. 变量作用域变量的作用域有两种：全局变量和局部变量。JS语言定义了：函数内部可以直接读取全局变量，但是函数外部无法读取函数内部的局部变量。注意点：大家都知道，变量是需要用var关键字声明的。但是javascript中也可以隐式的使用变量，就是不用声明，直接使用。而且，千万注意，javascript把隐式声明的变量总是当成全局变量来使用的。没有var，let声明的变量或者在函数外部声明的变量都是全局变量；使用 var 声明的

2020-12-28 20:52:36 432

原创 JS中switch case判断的使用

JS中switch case判断的使用switch 后面括号内的“表达式”必须是整数类型。也就是说可以是 int 型变量、char 型变量，也可以直接是整数或字符常量，哪怕是负数都可以。但绝对不可以是实数，float 型变量、double 型变量、小数常量通通不行，全部都是语法错误。switch 下的 case 和 default 必须用一对大括号{}括起来。当switch后面括号内“表达式”的值与某个case后面的“常量表达式”的值相等时，就执行此case后面的语句。执行完一个case后

2020-12-24 20:39:12 4449

原创 JS年月日格式的时间比较大小

JS年月日格式的时间比较大小第一种方式：利用时间戳getTime(),将时间转化成以毫秒为单位的let date1:any='2012-01-23';let date2:any='2013-04-05';console.log(date1.getTime()>date2.getTime());//false第二种方式：直接利用new Date()转化成系统时间格式进行比较console.log(new Date(date1)>new Date(date2));//false

2020-12-24 20:26:34 1802 3

原创 HTTP请求方式get和post的区别

HTTP请求方式get和post的区别List itemHTTP请求的常用方法有：GET方法、POST方法、HEAD方法、PUT方法、DELETE方法、CONNECT方法、OPTIONS方法、TRACE方法。下面本篇文章就给大家介绍一下最常用的get和post方法，希望对你们有所帮助。1.get方法GET方法用于使用给定的URL从给定服务器中检索信息，即从指定资源中请求数据。使用GET方法的请求应该只是检索数据，并且不应对数据产生其他影响。特点主要有：get 请求时可以缓存的，浏览器历史记

2020-12-17 20:27:36 81

原创 hover和active的区别

hover和active的区别hover：鼠标悬浮时的样式，类似于时间mouseover.hr-hover:hover { color: #196DE9 !important; cursor: pointer;}active：鼠标点击时候的样式，类似于事件click .processDes:active { background: rgba(150, 203, 255, 1); }一般写样式的顺序是：a:hover{};a:activ

2020-12-17 19:11:46 2106

原创 CSS自定义滚动条样式

CSS自定义滚动条样式代码很简单，只需要设置滚动条的宽度和高度，以及滚动轨道和滚动条的颜色即可。.类名::-webkit-scrollbar { /*滚动条整体样式*/ width: 8px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}.类名::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0

2020-12-15 20:42:24 150

原创 CSS常用的几种水平居中的方式

CSS常用的几种水平居中的方式html布局最常见的就是水平居中对齐，文字在div里面居中，div在div里面居中，图片在div里面居中等等，今天给大家总结几个CSS钟最常见的几种水平居中的方式，绝对好用！文字在div里面水平居中html部分<!DOCTYPE html><html><head lang="zh"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m

2020-12-15 20:31:38 571 1

m0_47342482的博客