ES6 扩展运算符练习
打赏作者

lookfeel

这一系列真的非常简短高效,赞

aaronlam

恩,真的挺不错!

Alkaidx

内容好棒,而且声音也很好听

vtanrun 回复 Alkaidx

想目睹女神尊容

vtanrun

好q的声线 like

xbdsky

就想问下这女神跟站长啥关系,感觉好逗比一个。哈哈

duo

笔记

<title>Spread Operator Intro</title>
	<style type="text/css">
	body{
		background-color: #ffa500;
		text-align: center;
		justify-content: center;
		align-items: center;
		font-family: sans-serif;
		font-size: 50px;
		color:white;
		text-shadow: 3px 3px 0 rgba(0,0,0,0.2);
	}
	.heading span{
		cursor:pointer;
		display:inline-block;
		transition: transform 0.25s;
	}
	.heading span:hover{
		transform: translateY(-20px) rotate(10deg) scale(2);
	}
	</style>
</head>
<body>
	<h2 class="heading">VEGETABLE</h2>
	<script type="text/javascript">
		const heading = document.querySelector('.heading');
		heading.innerHTML = wrapWithSpan(heading.textContent);

		function wrapWithSpan(word){
			return [...word].map(letter => `<span>${letter}</span>`).join('');
		}
	</script>
</body>