文章关键字 ‘变量’

小tips: 如何借助content属性显示CSS var变量值

2019年05月28日,星期二

CSS变量缩略图

借助CSS计数器,我们可以巧妙地实现CSS var变量值在页面中呈现的效果。这是一个所有CSS开发人员都必须要掌握的一个小技巧。

阅读全文…

使用“变量种子计数器”扩展CSS动画更多可能性

2019年05月17日,星期五

渐变与动画

有些CSS属性,例如background-image渐变不能使用CSS animation动画,那有没有什么办法可以让渐变支持设置动画呢?本文就将介绍我最近研究的一个小成果,可以实现background-image渐变的动画效果。

阅读全文…

CSS var变量的局部作用域(继承)特性

2019年01月26日,星期六

CSS变量缩略图

最近做项目,发现CSS变量一个有意思的特性,那就是变量作用域非全局,于是,我们可以放心大胆使用CSS变量给伪元素传参了。这样,以前一些很啰嗦的实现现在就可以变得非常简洁。

阅读全文…

CSS届的绘图板CSS Paint API简介

2018年11月26日,星期一

CSS Paint API绘制

本文介绍CSS Paint API,CSS Paint API是CSS Houdini的一部分,是目前应用比较多的API之一,其是做什么用的呢?有什么好处呢?本文就将通过一个简单的案例,带你快速了解CSS Paint API,本文属于前端技术广度方面的学习,博闻强识。

阅读全文…

CSS前景背景自动配色技术简介

2018年11月18日,星期日

智能配色

CSS越来越强,现在已经可以实现根据不同的背景色显示不同的前景色进行匹配了,例如右图GIF图片所示,背景色一开始深色,文字颜色为白色,当背景色逐渐变淡的时候,文字颜色也从原来的白色变成黑色了,同时边框也显示出来了,以便有更好的识别度。如何实现的呢?去文中一探究竟吧~

阅读全文…

如何在HTML和JS中设置和获取var CSS变量

2018年11月16日,星期五

CSS变量JS设置获取缩略图

我们在CSS文件或者CSS语法中使用CSS原生变量驾轻就熟,但是如何通过JS代码动态创建或者改变CSS变量值怕是很多人就不知道了。本文就演示下如何在HTML标签和JS中设置CSS3 var变量,如何使用JS代码获取CSS变量值。本文不啰嗦,希望可以帮到你。

阅读全文…

小tips:了解CSS变量var

2016年11月26日,星期六

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

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

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

阅读全文…

翻译-高质量JavaScript代码书写基本要点

2010年10月21日,星期四


才华横溢的Stoyan Stefanov,在他写的由O’Reilly初版的新书《JavaScript Patterns》(JavaScript模式)中,我想要是为我们的读者贡献其摘要,那会是件很美妙的事情。具体一点就是编写高质量JavaScript的一些要素,例如避免全局变量,使用单变量声明,在循环中预缓存length(长度),遵循代码阅读,以及更多。

此摘要也包括一些与代码不太相关的习惯,但对整体代码的创建息息相关,包括撰写API文档、执行同行评审以及运行JSLint。这些习惯和最佳做法可以帮助你写出更好的,更易于理解和维护的代码,这些代码在几个月或是几年之后再回过头看看也是会觉得很自豪的。

具体内容这里不多说,总之,我相信无论你是新手还是有一定经验的JavaScript开发人员,都会对您的认识和学习提供帮助的。

阅读全文…

翻译 – 解释JavaScript的“预解析(置顶解析)”

2010年10月14日,星期四

本文可以说是个小的教程,分析一些JavaScript“预解析”造成的可能会让人疑惑的现象。虽说是翻译文章,但是个人感觉还是蛮通俗易懂的。本着自己在JavaScript上的造诣实在有限,加上又是有关JavaScript运行机制这类比较深层次的问题,在把握上合理解上难免有一些不到位的地方,欢迎各位优秀的同行多多指正,多多赐教。

阅读全文…