效果 效果图如下 实现思路 使用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 发生碰撞的呢？ 碰撞，顾名思义，就是两个物体碰撞在了一起，眼睛是可以直观的观察到碰撞的发生。但对于前端实现，如何 ...

请用5秒钟的时间查看下面的代码是否存在bug。 OK，熟练的程序猿应该已经发现Bug所在了，在第8行和第10行下面我没有添加关键字break; 这就导致这段代码的行为逻辑与我的设计初衷不符了。缺点一. 语法正确，逻辑错误这就是第一个理由为什 ...

image 背景 在使用Vue的路途中，你一定知道如何去注册并调用一个组件 通常我们会通过三个步骤来实现调用组件的一整个流程 通过import引入组件 在父组件的组件对象components中将导入的子组件注册 在父组件中使用该组件 <t ...