2020-11-20

前段碎片 专栏收录该内容
4 篇文章 0 订阅

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>
  1. 如何实现三角形
   <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
		-->风飞起的地方;有高峰有山岗;我想在低洼之处一点点寻找方向;倔强;坚持;活着

借用不做商业用途

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2022 CSDN 皮肤主题:数字20 设计师:CSDN官方博客 返回首页

打赏作者

肥猫不是喵

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值