效果 效果图如下 实现思路 使用box-shadow画赤橙黄绿蓝靛紫7个弧形，拼接在一起 after伪元素写投影样式 彩虹和投影都有动画 dom结构 用两个嵌套的div容器，父容器来控制图标显示的位置，子容器用来写彩虹的样式。 <div c ...

效果 效果图如下 实现思路 div实现太阳的一条矩形光影 before伪元素制作另一条光影矩形，和已有的转变90° after伪元素画个圆实现太阳样式 dom结构 用两个嵌套的div容器，父容器来控制图标显示的位置，子容器用来写太阳的一条光 ...

效果 效果图如下 实现思路 使用box-shadow属性写几个圆，将这些圆错落的组合在一起，形成云朵图案 after伪元素写下面的投影样式 before伪元素写黄色闪电的样式 dom结构 用两个嵌套的div容器就可以了，父容器来控制图标显示 ...

绘制九宫格 要求:九宫格垂直居中于页面,只能使用ul和li标签,添加背景边框 代码 九宫格 要求: 1:不能修改标签，仅通过 css 实现效果 ...

第一部分: 接口 全屏 API 没有它自己的接口实现。相反，它提供了一些其他接口以供实现全屏所需的方法、属性、事件处理函数。接下来会列出所有细节。 也就是说, 没有全屏的专有接口, 而是在其他接口上 ( document 和 Element ...

从2017年到现在，前端开发行业内并不平静。受到资本寒冬导致互联网和创业市场整体遇冷的影响，前端岗位需求有很大程度上的收缩。 一边是互联网红利期过后，市场回归理性，找工作艰难的抱怨声四起；但一边却是前端技术也异常活跃，薪水和地位继续见长。看 ...

元素浮动定义 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。 如果浮动非替换元素，则要指定一个明确的宽度；否 ...

事件冒泡 IE的事件流叫做事件冒泡。顾名思义当事件发生后，事件就开始从里向外传播，查看下方代码： <tit ...

在 JavaScript 中 call、apply 用来干嘛？ 之前我有提到过 call、apply 主要用来改变函数运行时的执行环境（this），对于执行环境（this）以及 call、apply 用法不了解的，可以向我提问 call、a ...

碰撞检测（边界检测）在前端游戏，以及涉及拖拽交互的场景应用十分广泛。 那么啥叫碰撞？JavaScript 又是如何检测 DOM 发生碰撞的呢？ 碰撞，顾名思义，就是两个物体碰撞在了一起，眼睛是可以直观的观察到碰撞的发生。但对于前端实现，如何 ...