自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 葵花宝典之ES6 — 变量的解构赋值

https://es6.ruanyifeng.com/#docs/destructuring

2020-09-26 21:22:59 92

原创 《每天进步一小步》— 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

原创 《每天进步一小步》— 11个JavaScript常用技巧

https://segmentfault.com/a/1190000021518997

2020-09-22 18:07:54 89

原创 葵花宝典之ES6的 let和const命令

https://es6.ruanyifeng.com/#docs/let

2020-09-21 17:04:47 181

空空如也

空空如也

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

TA关注的人

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