2020-11-20

11.20日常小结;

1. 如果有两个div 一个高50px;让另一个占满全部;巧用posiiton

<style>
	body{position:relative;}
	.first{
		height:50px;
		}
	.second{
		position:absolute;
		top:100px;
		bottom:0px;
		right:0px;
		left:0px;	
	}
</style>
<div class="first"></div>
<div class="second"></div>

2. 如何实现三角形

   <style>
     .triangle{
            width:0px;
            height:0px;
            border:100px solid;
            border-color: rgb(226, 185, 51) transparent transparent transparent;
    
        }
        </style>
    <div class='triangle'></div>

3.Map和Set不是.map()和.set()

• Map:是es6中的一种新的数据类型;Javscript对象中的键值对中的键只能数组; 在Map中其他的数据类型也可以作为键;

	//例如:
		var m = new Map([['a', 1], ['b', 2], ['c', 3]]);
	//Map拥有的一些常用方法:
	var m = new Map(); // 空Map
		m.set('a', 3); //添加数据a Map(1) {"a" => 3}
		m.set('a', 6); //map中的key是单一的如果多次添加;会覆盖之前的Map(1) {"a" => 6}
		m.get('a'); //获取数据a: 3
		m.has('a'); // 判断是否存在key 'a': true
		m.delete('a'); // 使用delete可以删除key 'a'
		m.get('a'); // undefined

//使用for..of遍历如下
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
for (var x of m) { // 遍历Map
    console.log(x,x[0],x[1]);
}
VM1111:3 (2) [1, "x"] 1 "x"
VM1111:3 (2) [2, "y"] 2 "y"

• Set这个跟Map相似也是一个集合;但是他只有key没有value;所以它有很有意思的特性;

//重复元素在Set中自动被过滤：
	var s = new Set([1, 2, 3, 3]);
	//方法
	.add()和.delete()
	//for..of循环set
	var s = new Set(['A', 'B', 'C']);
		for (var x of s) { // 遍历Set
    console.log(x);
	}
	
VM1133:3 A
VM1133:3 B
VM1133:3 C
undefined

		-->风飞起的地方;有高峰有山岗;我想在低洼之处一点点寻找方向;倔强;坚持;活着