- 博客(8)
- 收藏
- 关注
原创 前端—CSS垂直居中的几个方法
水平居中 使用CSS控制水平居中很简单: 块级元素 设置width,并设置margin auto 内联元素 父元素设置text-align center HTML代码如下: 1. 块级元素水平居中 .container { height: 300px; width: 300px; border: 1px solid red; } .content { width: 10rem; border: 1px solid green; margin: 0 auto; } 效果: 2.
2020-12-08 12:40:38
798
原创 葵花宝典之ES6 — Set 和 Map 数据结构
Set 1、基本用法 ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set本身是一个构造函数,用来生成 Set 数据结构。 const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4 上面代码通过add()方法向 Set 结构加入成员,结果表明 Set 结构不会添加重复的值。 Se
2020-10-08 22:33:41
266
原创 《每天进步一小步》— 25个关于js的开发小技巧
Object 1.对象变量属性 const flag = true; const obj = { a: 0, [flag ? "c" : "d"]: 2 }; // obj => { a: 0, c: 2 } 2.对象多余属性删除 const { name, age, ...obj } = { name: '张三', age: 13, dec: '描述1', info: '信息' } console.log(name) // 张三 console.log(age) // 13 c
2020-10-06 19:53:13
173
原创 《每天进步一小步》— 你必须要知道的16个关于数组的开发技巧
Array 数组 1、数组交集 普通数组 const arr1 = [1, 2, 3, 4, 5 , 8 ,9],arr2 = [5, 6, 7, 8, 9]; const intersection = arr1.filter(function (val) { return arr2.indexOf(val) > -1 }) console.log(intersection) //[5, 8, 9] 数组对象 数组对象目前仅针对value值为简单的Number,String,Boolan数据类型
2020-09-29 17:43:39
249
原创 《每天进步一小步》— 12种解决数组去重的方法
1. set :不是一种数据类型,是一种数据结构;成员唯一 let arr = [12,1,12,3,1,88,66,9,66]; function unique(ary) { let s = new Set(ary); // Array.from : 将set数据结构转成真正的数组; return Array.from(s) } unique(arr); 2.对象属性名不能重复 let arr = [12,1,12,3,1,88,66,9,66]; function unique(ary) {
2020-09-23 22:13:03
140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人