我们内容正如标题所示,就是介绍大家可能的对DOM元素querySelectorAll方法一些认知不清楚的地方。没有Demo页面,但是有源代码,有截图。本文内容还行,浅显易懂,也容易消化和吸收,算是不错的tips知识get点。
使用CSS3 will-change提高页面滚动、动画等渲染性能
2015年11月4日 by 阅读 101587 次, 今日 4 次CSS3 will-change属于web标准属性,虽然目前还是草案阶段,但出现已经有些时日了,兼容性这块Chrome/FireFox/Opera都是支持的。
这个属性作用很单纯,就是“增强页面渲染性能”。那它是如何增强的呢?
本文都过一个实例抛出will-change这个概念,继而解释其作用,分析其语法,提示使用注意事项等。
希望本文的内容能够对大家的学习有所帮助。
小tips: zoom和transform:scale的区别
2015年11月3日 by 阅读 123192 次, 今日 10 次本文内容如题,从表层和深层好好对比了 zoom和transform:scale的区别,有截图,有demo,希望本文的内容能够对您的学习有所帮助。
秋月何时了,CSS3 border-radius知多少?
2015年11月1日 by 阅读 99487 次, 今日 6 次深入理解CSS3 border-radius的一些特性表现。平时使用的那点东西只是浮于表面的,实际上,border-radius支持的属性值呢,还是有点料的,也有很多需要注意的tips. 本文就算是border-radius进阶学习,还是一如既往的,有丰富的截图,表情图,琐碎图,插科打诨图;有丰富的源代码展示,对了,还有纯手动打算的便于学习的demo。希望本文的内容能够对您的学习有所帮助。
理解SVG transform坐标变换
2015年10月10日 by 阅读 127156 次, 今日 3 次本文是SVG学习基本且重要的知识点。本文相当详尽的讲解了SVG transform变换的语法、特点以及一些实际的处理等等。有相当多的截图,源代码展示,还有必要的demo,对了,还有很多gif示意。如果你要学习SVG, 本文内容一定会对你的学有所帮助的。
面向设计的半封装web组件开发(概要版)
2015年08月12日 by 阅读 59119 次, 今日 4 次目前很多Team和团队都有自己的一套web组件体系,模块化开发,封装良好,上手简单。然后希望该web组件可以应用到接手的各个项目中,节约日后的开发成本。甚至考虑开源。
这其实是很棒的,但是呢,希望一套web组件各个项目通用?在我看来,除非对项目没有追求,否则不太现实。
但是呢,希望一套web组件各个项目通用?在我看来,除非对项目没有追求,否则就是妄想。
为什么说传统web组件想一统天下不现实呢?因为就像秦始皇一统天下一样,要牺牲很多很多东西…
小tip:中文英文左右padding一致两端对齐实现
2015年08月7日 by 阅读 70678 次, 今日 6 次不是什么稀奇的技术,很多很多年前自己就玩耍过。
之所以今天拿出来说一下,是因为今天几个小伙伴遇到类似问题,突然发现,一些自己觉得不怎么样的东西,说不定对别人而言会有很大帮助,于是我就打算放出去,希望可以帮助到有需要的小伙伴。
是个什么东西呢?
先看下图……
博闻强识:了解CSS中的@ AT规则
2015年08月6日 by 阅读 45657 次, 今日 6 次大家可能在CSS中见到过字符@然后加一些关键字的用法,这种用法就称之为AT规则。而本文的内容就是列举目前CSS中支持的或即将支持的一些CSS规则,让大家提前有个大致的了解和认识,希望对日后的工作与学习能够提供一些帮助!
寥寥数行SVG实现圆环loading或倒计时效果
2015年07月31日 by 阅读 107872 次, 今日 3 次本文内容如题。有Demo有截图有帅气的源代码展示,不过没有漂亮的妹子,但是这并不会影响你的学习。