细数web前端学习中的一些黑科技，第一个真没想到过

细数web前端学习中的一些黑科技，第一个真没想到过
分享科技方面的资讯，好玩有趣，让您的茶余饭后不再无聊，欢迎关注评论

我自己前端也已经工作六七年了，今天在和同事讨论一个问题长达两个小时，结果还是我输了，原因就是在于简单的问题我想的太过于复杂，发现是一些自己之前不注意，或者看了一次就再也没用过的东西，今天正好就一起整理分享一下。

首先还是要推荐我的QQ群：809538787，都是我每篇文章来的粉丝和一起学习的小伙伴，都是前端党，自己人就来吧，学前端一起学更快。
1.实时编辑 CSS
在 HTML 5 中新增了一个新的全局属性，contenteditable 属性。

contenteditable 属性规定是否可编辑元素的内容。

我们可以通过设置这个属性，来对之前的一些文本进行编辑。

就像这样。

该属性的取值：

值
描述
true规定可以编辑元素内容。
false规定无法编辑元素内容。
classname继承父元素的 contenteditable 属性。
样例代码：

那这个属性值和我们今天要说的内容有什么关系呢？

我们可以利用当前内容可编辑的这个特性，来去实现一个小的效果，例如这样。