-
JavaScript中的splice方法详解
JavaScript中的splice主要用来对js中的数组进行操作,可用于删除,添加,替换等。splice()方法用于添加或删除数组中的元素。注意:这种方法会改变原始数组。语法/* @title 对数组进行操作 @param {number} index 从第几项开始 @param {number} num 删除的长度 @param {string|number|obj|array} item 要替换的内容 @return arr 返回删除的内容*/let arr=array.splice(index,num,item)功能示例1、删除第一个参数为第一项位置,第二个参数为要删除几个。remote为返回的内容let arr=[1,2,3,4,5]let remote=arr.splice(1,1)2.插入 第一个参数(插入位置),第二个参数(0),第三个参数(插入的项)返回值为空数组,remote值为最终结果值let arr=[1,2,3,4,5]let remote=arr.splice(1,0,100)3.替换 第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项)返回值为删除内容,remote为结果值。 let arr=[1,2,3,4,5]let remote=arr.splice(1,1,100)
-
隐藏元素的方法-隐藏元素
1,display:none元素在页面上消失,不占据空间位置,点击事件不生效 2,opacity:0透明度为0,占据位置,点击事件生效 3,z-index:-1000; 将元素隐藏不占据空间,会改变页面布局,不能进行交互事件4,position:absolute;利用绝对定位,将其移动至可视区域外面5,transform:scale(0,0) 通过缩放达到元素消失的视觉效果,元素仍占据空间6,visibility:hidden; 该元素隐藏起来了,不会改变页面布局,仍占据原有空间,但不会触发该元素已经绑定的事件
-
JS中在数组头部添加元素的方法
1、使用Array.unshift()方法,在数组头部插入元素let person= ['张三', '李四', '王五'];console.log(person.unshift('小明')); // 4console.log(person); // ["小明", "张三", "李四", "王五"]// 注意: 此方法的返回值是数组的长度 且改变原数组2、使用ES6的扩展运算符(...)// 定义一个数组let arr = ['张三', '李四']let arr2 = ['王五', ...arr]console.log(arr2) // 王五 张三 李四// 定义一个数组,在头部写好需要插入的项后使用扩展运算符对原数组进行展开3、使用Array.contact方法,将数组进行拼接// contact方法连接两个或多个数组let arr1 = ['前端', 'JAVA']let arr2 = ['攻城狮', '程序猿'] // 需添加在头部的元素console.log(arr2.contact(arr1)) // 攻城狮 程序猿 前端 JAVA// 注: contact方法不改变原数组
-
css scale属性占位
使用scale缩放之后,虽然内容缩小了,但是占用的空间却没有变化
-
css添加伪元素不生效
html示例 一开始这样写不生效 示例代码 span{ content:""; width: 89px; height: 2px; background: #02B7CA; border: 2px solid #02B7CA;}解决方法伪元素添加display:inline-block;span{ content:""; display: inline-block; width: 89px; height: 2px; background: #02B7CA; border: 2px solid #02B7CA;}2.元素使用相对定位,伪元素使用绝对定位div{ position: relative;}span{ content:""; position: absolute; width: 89px; height: 2px; background: #02B7CA; border: 2px solid #02B7CA;}
-
你不知道的history使用方式
history对象的诞生:我们都知道一个URL代表了网络上唯一的一个资源。这个资源可以是一个页面,一张图片等等。在地址栏里输入一个url地址,浏览器就会将对应的资源展示出来。当在不同的地址之间跳转时,我们很自然地想要回退或者前进一个地址。为了实现这个功能,浏览器厂商定义了history对象。这时的history对象大致有很多方法,用于实现历史记录的访问、跳转。
-
css怎么设置斜体样式
在css中,可以利用font-style属性来设置斜体字效果,只需要设置“font-style:italic;”或者“font-style:oblique;”样式即可;值italic可以定义斜体样式,值oblique可以定义倾斜的字体样式。