网页3剑客

JavaScript检测手机横竖屏，window.orientation:获取屏幕旋转方向。CSS检测手机横竖屏orientation: portrait（竖屏）|landscape（横屏）

__dirname和__filename都是全局对象，path.resolve(__dirname, '..')当前命令所在的上一个目录

inline-source可以内联和压缩包含inline属性的标签内容。默认情况下支持，和（包括*.svg sources）标记，并且可以轻松扩展以处理其他标记。注意：从版本6开始，API现在基于Promise并且兼容async/await，需要Node7.6+。

通过监听load事件（IE是onreadystatechange）来确保js脚本加载完成可用，如有需要你还可以使用$script.js-异步JavaScript加载程序和依赖关系管理器。

display:none，只有在子元素上的背景图片可以做到懒惰渲染，img标签、video,swf,script等都不可以。textarea：任何加载资源元素，例如：img,video,swf,script等

页面元素尺寸按百分比计算，其中图片元素要考虑到兼容IE6+，不可以使用背景IE9+的background-size。

CSS3滤镜（filter）与我们经常说的IE滤镜是两码事，IE滤镜是指老版本的(4.0 到9.0)Windows IE浏览器支持一种非标准的 "filter" ，目前已经被现代浏览器弃用。CSS3滤镜（filter）属性提供的图形特效，如灰度、透明度、模糊、阴影等。

background-clip 设置元素的背景（背景图片或颜色）是否延伸到边框下面。如果没有设置背景图片或背景颜色，那么这个属性只有在边框透明或半透明时才能看到视觉效果，否则，本属性产生的样式变化会被边框覆盖。

background-position：指定图片的初始位置。这个初始位置是相对于以background-origin定义的背景位置图层来说的。background-size：设置背景图片大小。当取值为百分比时，表示指定背景图片相对背景区的百分比大小。当设置两个参数时，第一个值指定图片的宽度，第二个值指定图片的高度。

CSS @supports通过CSS语法来实现特性检测，判断当前浏览器对某个特性是否支持，实现渐进增强的效果。