gentlecoder

通过背景图片实现。 135度repeating线性渐变，p撑开高度，白色背景覆盖外层div渐变。 通过线性渐变以及background-size画出虚线，然后再通过background-position将其移动到四边。这种方式比较好的地方在于可以分别设置四条边的样式以及动画的方…

根据如上结构，通过css实现水平垂直居中。 利用父元素相对定位和子元素绝对定位进行水平垂直居中。根据是否知道子元素宽高，使用数值或者百分比的方式进行定位。 通过设置四向为0和margin: auto实现。 通过设置left和top使child左上角位置移动到中间，然后再移动自身…

如果已经对less了如指掌，直接从这里开始。 不过比较推荐的还是通过webpack或者gulp等工具先将less编译成css，然后再引入使用。 类似于先函数运算计算出变量的值，再通过变量的值设置属性。 当几种主题布局类似，几乎只是颜色不同时，可以使用这种。 通过对less的了解…

首先我们得理解setTimeout中函数的执行时机，这里就要讲到一个运行时的概念。 函数调用形成了一个栈帧。 当调用 bar 时，创建了第一个帧 ，帧中包含了 bar 的参数和局部变量。当 bar 调用 foo时，第二个帧就被创建，并被压到第一个帧之上，帧中包含了 foo 的参…