在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascript ，我的第一反应也是，感觉很麻烦啊。所以我一直在想，有没…

61、两个子元素 一个有内容自动撑开，另一个为空如何跟随高度。

辗转许久，终于决定拿起笔杆，记录下自己是如何克服所谓的恐惧，爱上写动画。本文面向JS基础不错的掘友，如果你的JS掌握的还不够好，记得一定要先打牢基础哦。 动画真的没有你想的那么复杂，这是我最近亲历亲为得出的结论。曾几何时，我以为动画需要非常扎实的数学、物理基础（基础好当然不错，…

说到div的形状，基本上想到的都是圆形或者方形，这两种形状其实也已经符合了前端95%的应用场景(95%的数据从哪得来的 - - !)，但是作为一个不愿随波逐流的程序员，就是要搞事情。 (图片来源于网络)果然限制我们创造的不是想象力，而是兼容性。支持浏览器的版本偏高，如果你是做正…

当我们需要鼠标选中文本后，文本高亮。当再次将选中的文本选中后，取消高亮效果时该如何实现呢？ 获取鼠标选中内容，主要是利用了window.getSelection()这个API。

原文地址：https://juejin.im/post/6844904100350394382视频演示地址：https://mp.weixin.qq.com/s/GHS7BdVZy9yxYZHFRNd

Three这个流行的库目前突破了56K Star，是创建一个易于使用，轻量级，3D库默认的WebGL渲染器。在示例中，该库还提供了画布2D、SVG和CSS3D渲染器。threejs可以将它理解成three + js，three表示3D的意思，js表示javascript的意思。…

SVG，即可缩放矢量图形(Scalable Vector Graphics)，是一种 XML 应用，可以以一种简洁、可移植的形式表示图形信息。目前，人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形，并且大多数矢量绘图软件都能导出 SVG 图形。SVG 主要可…