文章关键字 ‘CSS变量’

CSS变量对JS交互组件开发带来的提升与变革

2020年07月1日,星期三

CSS变量与组件开发

CSS变量带来的提升绝不仅仅是节约点CSS成本,其可以颠覆目前JS组件交互开发的思路,把原来的JS负责的UI层的东西全部转移到了CSS层,组件代码更简洁,视觉表现实现更灵活,本文会举若干例子展示这种提升与变革。

阅读全文…

我是如何通过CSS向JS传参的

2020年02月13日,星期四

头图占位图

介绍两种我常用的将CSS媒体查询信息传递给JS的方法,一种是伪元素+content属性发,一种是CSS var自定义属性方法,这样传参有助于降低开发成本,让CSS和JS在一些条件信息上保持一致。

阅读全文…

JS检测CSS属性浏览器是否支持的多种方法

2019年11月8日,星期五

我所知道的几种方法

CSS.supports()是一种非常不错原生方法,但IE11及其以下浏览器不兼容,此时可以试试先赋值在取值的检测方法,记住getComputedStyle方法或者setAttribute style属性赋值,都是可以的,是我实际开发经常使用的方法。

阅读全文…

小tips:了解CSS变量var

2016年11月26日,星期六

在任何语言中,变量的有一点作用都是一样的,那就是可以降低维护成本,附带还有更高性能,文件更高压缩率的好处。

随着CSS预编译工具Sass/Less/Stylus的关注和逐渐流行,CSS工作组迅速跟进CSS变量的规范制定,并且,很多浏览器已经跟进,目前,在部分项目中已经可以直接使用了。

本文几乎就是业界关于CSS3 var()变量首发的文章,希望里面的内容能够对您的工作和学习有所帮助~~

阅读全文…