提到css预编译器（css preprocessor），你可能想到Sass[]以及[Stylus][]。而本文要介绍的PostCSS，正是一个这样的工具：css预编译器可以做到的事，它同样可以做到。

1、使用table和tabel-cell属性html {代码...} css {代码...} 注意：兼容到ie8,并且wrapper需要给一个高度。优点：cell中的内容不用固定。 2、方法2html {代码...} css {代码...} 3、方法三html {代码...} css {代码...} 4、方法四html {代码...} css {代码...} 5、单...

2、安装gulp和gulp-ruby-sass,前提是已经安装了node环境。打开node.js command prompt里执行相应命令。

1、图标跟文字混排 html {代码...} css {代码...} 截图： 注意： 父容器的line-height值与图标的高度相等，另保持设置图标的vertical-align的值为bottom。 2、上下垂直居中，需要兼容低版本的浏览器时用padding比用line-height要好很多。

当有人问起你JavaScript有什么特点的时候，你可能立马就想到了单线程、事件驱动、面向对象等一堆词语，但是如果真的让你解释一下这些概念，可能真解释不清楚。有句话这么说：如果你不能向一个6岁小孩解释清楚一个东西，那么你自己也不懂这个东西。这句话或许有点夸张...

{代码...} 出处：[链接]

这样书写代码，函数只会在第一次执行的时候去做检查，以后每一次都自动执行确定的函数操作。2、函数绑定和函数柯里化 函数绑定可以让函数在指定的环境中执行某一段代码；函数柯里化可以让函数在任何情况下传递任何数量的参数去执行。

注意： 1、因为Firefox和Safari(3.1版本之前)会对上下键、左右键、delete键和退格键触发keypress事件，在Firefox中非字符的charCode的值为0，在Safari（3.1版本之前）charCode的值为8。为了不要屏蔽那些非字符键，所以有charCode>9的条件； 2、为了不屏蔽用户输入...

源代码： url: [链接] （提取码：e3af） 文件树：[链接] （提取码：992a） 功能： 1、支持展开\收起功能； 2、可删除树节点； 3、可移动树节点（根据树节点的id）； 4、数据来源可以是一个数组，也可以是一个url地址； 调用方法： 1、存在一个树的容器 {代码...} 2、...

需求： 给定一个url为"[链接]"或者"[链接]"，想要得到的字符串为"haosou.com"。解决办法： 正则表达式 {代码...} 具体代码： {代码...} 结果 主机名称的值为httpArr[0] 另一种解决思路 可以利用String.split方法来分割字符串 {代码...} 未完待续... 如果url的协议为h...

总结： 这样写验证代码，有一个比较大的好处就是：所有的验证都用同一个函数实现，可复用性强，并且下次再写同样的验证，只需要在validateArray数组里面添加对应的验证规则即可。

本插件是对tinyscrollbar插件的一个封装。因为在用的时候需要同时引用css和js文件，同时还需要修改dom结构，比较麻烦，为了方便起见，将tinyscrollbar.css和tinyscrollbar.js文件都用js引入，修改dom的方法也放在js文件中。具体代码 使用方法： 1、引入jquery文件 2...

1、配置grunt命令 {代码...} 2、配置package.json {代码...} 3、安装Grunt及其插件 安装Grunt {代码...} 安装插件 {代码...} 插件列表 4、配置Gruntfile.js文件 {代码...} 步骤 "wrapper" 函数，所有的配置函数必须放在wrapper内 {代码...} 具体配置一个功能（以压缩...

1、python大小写敏感 如果字符串里面有很多字符都需要转义，就需要加很多\，为了简化，Python还允许用r''表示''内部的字符串默认不转义

主要包括必选字段、手机号、电子邮箱、两次输入是否一致等4种验证。 1、引入zepto.js。zepto.js下载地址：zepto.js 2、js代码库如下：

为了实现如图所示的效果： 设置table的宽度为百分比的值，让其宽度随页面的宽度而改变。input占据整个td的宽度。 主要html代码如下：

最开始想要实现一个菜单从上向下滑出的效果，采用transition: translate 0.5s ease-in;总是觉得别扭的很，无意间看到小米官网的二级菜单从上向下滑出的效果，顿时觉得这样就不会使得动画显得别扭，审查元素发现它并没有采用css3动画，猜到它应该用的是jquery里的slid...

offsetHeight 包括元素的高度、上下内边距、上下边框值，如果元素的style.display的值为none,那么该值为0。offsetWidth 包括元素的宽度、左右内边距、左右边框值，如果元素的style.display的值为none,那么该值为0。offsetTop 元素的上外边框至包含该元素的上内边框之...