此文为个人笔记,没什么东西值得看的,除非你不知道webpack怎么用,否则慎入。如果你对npm install -save-dev和npm install –save的使用不知道怎么区分,倒是可以看一下。
html5
CSS3常用选择器示例
css3为我们提供了很多强大的选择器功能,就像我们用jquery一般方便,如果能好好利用,必定能让你的样式写得更优雅,更易读。但是IE8(包含)版本以下不支持,如果要考虑兼容,最好是重新为低版本的浏览器写个样式文件,或者不用css3,但技术都有了,不用岂不是浪费,所以我个人做东西是从来不考虑IE8的,但工作内容是客户所需,这不得不解决。
关于canvas的createRadialGradient,addColorStop,globalCompositeOperation
createRadialGradient,用于创建线性背景,绘制星空什么的,不用这个你就out了。语法:context.createRadialGradient(x0,y0,r0,x1,y1,r1);其中,x0,y0,r0表示线性背景的起始坐标x,y和半径,x1,y1,r1表示的是线性背景的结束坐标x,y和半径。在使用时,必须先获取画布的context
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”)…