本文github地址,持续更新...... 覆盖一层蒙版，并在蒙版上书写文字。需要2层，从低到上为图片层、蒙版层(上面可写字) 毛玻璃蒙版，本质上讲是两层图，底层图清晰完整，顶层图模糊残缺，并且两者位移完全一致，因此叠加到一起后像是一张图。为了确保位移一致，我们用了 backg…

现如今Web应用的性能如今越来越重要，有一个影响页面加载的很重要因素就是图片，尤其是页面中有很多图片的时候。如果可能的话，对这些图片使用懒加载是坠吼的，也就是只有当用户滚动到图片位置时才去加载这张图片，这样做的确提升了页面的首次加载速度。对于移动端而言，这样也可以节约用户的流量…

最近出去面了一次试。去之前信心满满，去之后灰头土脸，因为连最简单的“css居中方式有多少种”、“说说js数据类型”这种入门问题竟然回答的支支吾吾，也怪不得面试官20分钟就优雅的把我送了出来。 1、使用伪类。 也可以在父级标签最后添加一个div，div中的属性同伪类。原理其实和伪…

写在前面 好记性不如烂笔头，研究了一下BFC，发现里面比较细的东西也是很多的！关于BFC，很多人可能都听说过BFC这个东西，大概知道这是个啥东西，相信很多人对此并没有一个非常细致的了解，本文预计篇幅较长，认真，耐着性子看，应该都能够比较深入的理解BFC这个概念的规则、作用以及用…

这些个知识点是我个人认为的，下面我们就来看看这些个知识点。 position 的常见四个属性值: relative，absolute，fixed，static。一般都要配合"left"、"top"、"right" 以及 "bottom" 属性使用。 static:默认位置。 在…

#1-什么是外边距margin重叠1. 什么是外边距(margin)重叠 外边距重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。 #2-相邻marign重叠的问题2. 相邻marign重叠的问题 没有正值，…

减少HTTP请求次数或者减少请求数据的大小1、采用CSS雪碧图（CSSSprit/CSS图片精灵）技术，把一些小图合并在一张大图上，使用的时候通过背景图片定位，定位到具体的某一张小图上2、真实项目中，

我们在实现页面弹层的时候，弹层后面一般都会有黑色半透明全屏的遮罩，一般会对这个遮罩元素设置position:fixed定位。当页面出现滚动条并且遮罩出现的时候，如果我们滚动鼠标会发现遮罩后面的网页是可以滚动的，这样的话可能会将用户的注意力从弹层转移到其背后的网页上，这样给用户的…