先放一张logo镇楼，emmm... CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。 通俗的说，“CSS 预处理器用一种专门的编程语言，进行 We…

水平垂直居中也算是 CSS 领域最为常见的一个问题了，不同场景下的方法也各不相同，各有优劣。嗯，下面这种应该算是最便捷的了： 嗯。这里其实就涉及了一个问题，如何让 margin: auto 在垂直方向上生效？ 让元素相对父元素水平居中。但是如果我们想让元素相对父元素垂直居中的话…

在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用，觉得挺高效实用，所以也就有了这篇文章。 正文现在开始。 1. 建议使用 padding 代替 margin 我们在设计稿还原的时候，padding 和 margin 两个是常用的属性，但我们…

...

居中这个特点在网页中真的是随处可见，这是一个非常基础但又是非常重要的属性，所以面试官也经常会在面试中问到这个问题。我们要做的不是只掌握一两种，而是要尽可能多地掌握大部分方法。现在就让我们来看一看水平垂直居中都有哪一些常见的方法吧。 首先，让我们来看一下子元素宽高未知的居中方法。…

瀑布流是一种很常见的网页布局，视觉表现为参差不齐的多栏布局，是一种时下很流行的布局形式，最近在写小程序恰好也碰到了，想了几种不同的实现方法，接下来就来一起看看具体的实现方法（所用的方法中用的例子都是两栏的布局）。 这篇文章把最近在写小程序时遇到的瀑布流做了一个比较详细的总结，不…

是的没错！没有前言了，我们直接上正文。 通常我们如果要实现百分比显示， 通常要用到另一个div来设置遮罩层。但是我们今天不用， 我们打算使用：：before， 黑框部分就是我们用伪元素实现的遮罩层。至于为什么只遮一半部分，往下看。 首先要旋转，我们给伪元素设置了backgrou…

最近项目一个功能需求，需实现将两张图片合成后下载的一个功能。分析完功能需求后，决定直接使用前端技术来实现。为提高效率，使用插件(html2canvas)配合编写此功能。有关插件(html2canvas)的介绍，这里不多说明，大家可自行网上查阅。以下直接附上效果演示图以及完整代码…

这是一个老套的需求，jq时代就很流行的交互需求。网络上也有不少资料，我这里写这篇文章的目的更主要是针对这些资料的不足，解决一些问题： 吸顶和滚动导航的资料都是独立的，二者作为独立功能独立分析。我这里要把吸顶功能作为滚动导航的一个功能之一，作为一整套方案来分析。 吸顶和滚动导航的…