前端开发

JavaScript&CSS检测手机横竖屏

2019-06-0559次阅读css3javascript
JavaScript检测手机横竖屏,window.orientation:获取屏幕旋转方向。CSS检测手机横竖屏orientation: portrait(竖屏)|landscape(横屏)
前端开发

Node中获取当前文件或上级目录路径

2019-06-0556次阅读node
__dirname和__filename都是全局对象,path.resolve(__dirname, '..')当前命令所在的上一个目录
前端开发

inline-source把css、js代码内联插入到HTML中

2019-06-0572次阅读webpackgulp
inline-source可以内联和压缩包含inline属性的标签内容。默认情况下支持,和(包括*.svg sources)标记,并且可以轻松扩展以处理其他标记。注意:从版本6开始,API现在基于Promise并且兼容async/await,需要Node7.6+。
前端开发

动态加载JS文件脚本

2019-06-0440次阅读javascript
通过监听load事件(IE是onreadystatechange)来确保js脚本加载完成可用,如有需要你还可以使用$script.js-异步JavaScript加载程序和依赖关系管理器。
前端开发

display:none及textarea实现按需加载、延迟加载、懒惰渲染

2019-06-0482次阅读javascript
display:none,只有在子元素上的背景图片可以做到懒惰渲染,img标签、video,swf,script等都不可以。textarea:任何加载资源元素,例如:img,video,swf,script等
前端开发

HTML页面百分比自适应浏览器小结

2019-06-0451次阅读HTML
页面元素尺寸按百分比计算,其中图片元素要考虑到兼容IE6+,不可以使用背景IE9+的background-size。
前端开发

CSS3 滤镜(Filter)使用小结

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

CSS3中背景属性background-clip

2019-06-01214次阅读css3css
background-clip 设置元素的背景(背景图片或颜色)是否延伸到边框下面。如果没有设置背景图片或背景颜色,那么这个属性只有在边框透明或半透明时才能看到视觉效果,否则,本属性产生的样式变化会被边框覆盖。
前端开发

css实现按钮背景色渐变过渡

2019-06-0163次阅读css3css
background-position:指定图片的初始位置。这个初始位置是相对于以background-origin定义的背景位置图层来说的。background-size:设置背景图片大小。当取值为百分比时,表示指定背景图片相对背景区的百分比大小。当设置两个参数时,第一个值指定图片的宽度,第二个值指定图片的高度。
前端开发

css中@supports特性检测

2019-05-31117次阅读css3css
CSS @supports通过CSS语法来实现特性检测,判断当前浏览器对某个特性是否支持,实现渐进增强的效果。