display: table-cell table-cell属性让标签元素以表格单元格的形式呈现。兼容IE8+，会被以下CSS属性破坏： float position // 设置display: table-cell的元素对宽高敏感，margin无反应，响应padding 实现大小不固定...

Viewport viewport：可视窗口，也就是浏览器。 vw Viewport宽度， 1vw 等于viewport宽度的1% vh Viewport高度， 1vh 等于viewport高的的1% CSS3使用Calc calc()使用通用的数学运算规则，但是也提供更智能的功能：...

1. (function(){}())与(function(){})() 这两种写法，都是一种 立即执行函数 的写法，即IIFE (Immediately Invoked Function Expression)。这种函数在函数定义的地方就直接执行了。 通常的函数声明和调用分开的写...

浏览器缓存有时挺大的，修改网站后半天看不到效果，今天西安蟠龙小编总结几种清缓存看网站修改效果的方法 清缓存方法： 一、ctrl+f5 多刷新几次 二、用浏览器的无痕模式或者隐私模式 三...

window.location.origin（?前边的URL） 如果有端口号，含端口号 结果如下： http://www.it2168.com:8080 window.location.origin兼容问题 if (!window.location.origin) { window.location.origin = window.location.protocol + // + window.l...

matchHeight使所有选定元素的高度完全相等。 尽管这曾经是一个棘手的问题，但如今建议在可能的地方使用CSS Flexbox和CSS Grid，尽管该库对于旧版浏览器仍然有用。 特征 自动匹配元素组的高度 使...

收集整理了一些Web前端开发比较成熟的第三方插件，分享给大家。 ******************************************************************************* 一、国外插件 ace 版本：1.2.3au 官网：https://github.com/ajaxorg/ace-bu...

懒加载插件 new AnimOnScroll(document.getElementById(grid), { minDuration: 0.4, maxDuration: 0.7, viewportFactor: 0.2 }); /*AnimOnScroll.js*/ /** * animOnScroll.js v1.0.0 * http://www.codrops.com * * Licensed under the MIT license. * http://www.op...

为什么要用classie.js classie是一个 awesome,lightweight script。 用来添加，移除，toggleDom元素的类。那为什么不用jquery呢， 因为jquery相对于这几个简单的功能太冗余了(just too bloated for your needs)。 clas...

breakpoints.js 版本：0.4.2 官网：https://github.com/amazingSurge/breakpoints.js/ 许可：GPL 依赖：jQuerys DataAPI：无 功能：用于响应式布局设置断点 Breakpoints();...