css3的新增属性以及git的核心概念,什么是set和map?

124 阅读4分钟

# css3新增属性有哪些?css3中常用的新增属性总结

  • border-color:为边框设置多种颜色
  • border-radius:圆角边框
  • box-shadow:盒子阴影
  • background-size:背景图片大小
  • transition:过渡
  • transform:转换(位移 旋转 缩放)
  • animation:动画
  • linear-gradient:线性渐变
  • box-sizing:css3 盒子模型

git 的核心概念有哪些?

5aee44c36335b49cb93fa4bdde85c43.jpg

  • git 是服务器端与客户端建立通信的,可以实现多台电脑共用一个远程仓库

客户端包括工作区,暂存区和本地仓库,从工作区到暂存区 需要用git add ,从暂存区到本地仓库用git commit -m "push first",引号里面是注释,从本地仓库发送到远程仓库用git push,从远程仓库拉取代码git pull。克隆git代码git clone 后面跟仓库地址

数组的一些常用方法

1.join() (数组转字符串) 数组转字符串,方法只接收一个参数:即默认为逗号分隔符()。

image.png

2.push()和pop()(数组尾操作) push():方法可向数组的末尾添加一个或多个元素,并返回新的长度。

pop():方法用于删除并返回数组的最后一个元素。

image.png 3.shift() 和 unshift()(数组首操作) shift():方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

unshift():方法可向数组的开头添加一个或更多元素,并返回新的长度。

image.png 4.sort()(排序) 方法用于对数组的元素进行排序。

image.png

请注意,上面的代码没有按照数值的大小对数字进行排序,是按照字符编码的顺序进行排序,要实现这一点,就必须使用一个排序函数:

升序:

image.png 降序:

image.png

什么是map

Map

Map对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。构造函数Map可以接受一个数组作为参数。

Map和Object的区别:

  • 一个Object 的键只能是字符串或者 Symbols,但一个Map 的键可以是任意值。
  • Map中的键值是有序的(FIFO 原则),而添加到对象中的键则不是。
  • Map的键值对个数可以从 size 属性获取,而 Object 的键值对个数只能手动计算。
  • Object 都有自己的原型,原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。

Map对象的属性:

  • size:返回Map对象中所包含的键值对个数

Map对象的方法:

  • set(key, val): 向Map中添加新元素
  • get(key): 通过键值查找特定的数值并返回
  • has(key): 判断Map对象中是否有Key所对应的值,有返回true,否则返回false
  • delete(key): 通过键值从Map中移除对应的数据
  • clear(): 将这个Map中的所有元素删除

什么是set

Set

Set 对象允许你存储任何类型的值,无论是原始值或者是对象引用。它类似于数组,但是成员的值都是唯一的,没有重复的值

Set 本身是一个构造函数,用来生成Set 数据结构Set函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数,用来初始化。

Set中的特殊值:

Set 对象存储的值总是唯一的,所以需要判断两个值是否恒等。有几个特殊值需要特殊对待:

  • +0 与 -0 在存储判断唯一性的时候是恒等的,所以不重复
  • undefined 与 undefined 是恒等的,所以不重复
  • NaN 与 NaN 是不恒等的,但是在 Set 中认为NaN与NaN相等,所有只能存在一个,不重复。
  • {} {} 两个空对象的指针不一样,所以会重复

Set实例对象的属性:

  • size:返回Set实例的成员总数。

Set实例对象的方法:

  • add(value):添加某个值,返回 Set 结构本身(可以链式调用)。
  • delete(value):删除某个值,删除成功返回true,否则返回false。
  • has(value):返回一个布尔值,表示该值是否为Set的成员。
  • clear():清除所有成员,没有返回值。

如何使用set去重

  • let arr = [1, 1, 2, 3, 2, 3, 4, 5, 5, 5, 6, 7, 8, 9]
  • let arr2 = new Set(arr)
  • console.log(arr2);

打印结果是[1,2,3,4,5,6,7,8,9]