es6和less这样的东西,可以让我们在写js和css时少写很多重复的代码,但低版本的浏览器并不支持这一切,所以,我们就想到了用es6和less来写逻辑,最后再转换成es5和css的这样一种开发模式。那么,如何把我们的es6的js和less转成es5和css,很简单,gulp帮你轻松搞定。
css3
CSS3常用选择器示例
css3为我们提供了很多强大的选择器功能,就像我们用jquery一般方便,如果能好好利用,必定能让你的样式写得更优雅,更易读。但是IE8(包含)版本以下不支持,如果要考虑兼容,最好是重新为低版本的浏览器写个样式文件,或者不用css3,但技术都有了,不用岂不是浪费,所以我个人做东西是从来不考虑IE8的,但工作内容是客户所需,这不得不解决。
CSS3中:nth-child和:nth-of-type的区别深入理解
其实他们还是有区别的,:nth-of-type为什么要叫:nth-of-type?因为它是以”type”来区分的。也就是说:ele:nth-of-type(n)是指父元素下第n个ele元素,
而ele:nth-child(n)是指父元素下第n个元素且这个元素为ele,若不是,则选择失败。
js+canvas实现文字坠落效果
核心代码块: window.onload = function(){ var canvas = document.getElementById(“canvas”); var context = canvas.getContext(“2d”)…