最新发布第5页

练小习的前端技术笔记

canvas生成图片

练习 3年前 (2014-07-16) 1评论

今天接到个小需求：前端生成个二维码并且以img标签的方式在web上展示出来。二维码就不用说了，搜一下实现的各种插件一大堆，这里我用基于jquery的qrcode插件生成一枚。look~ <!DOCTYPE html> <ht...

练习 3年前 (2014-07-07) 0评论

在shadow的处理上，text-shadow本身就能很好的完成投影效果 text-shadow: #666 1px 1px 0; 用伪元素虽然可以完成一模一样的投影，但总归是多了一堆代码。 .after{ position: relative;...

练习 3年前 (2014-05-16) 0评论

asi 如果是真，JSHint会无视没有加分号的行尾，自动补全分号一直是Javascript很有争议的一个语法特性。默认，JSHint会要求你在每个语句后面加上分号，但是如果你认为自己理解了asi(automatic semicolon inser...

练习 3年前 (2014-05-10) 2评论

周末朋友发出江湖救急的消息，说他有个莫名其妙的bug搞不定了，于是我让他把bug的代码发过来看看。他的需求是绝对居中，代码是这样的 width:100px; height:100px; position:relative; margin-top:5...

练习 3年前 (2014-01-29) 3评论

今天在看js小组关于CSS3 高斯模糊效果“-webkit-filter:blur()”介绍的时候，看到这样一句话。以前整天会被追问，这效果IE怎么实现？这效果兼容IE6吗？其实，想那么多干嘛？设计师放手去设计，不必太考虑技术，工程师尽力实现，不...

练习 4年前 (2013-12-04) 1评论

今天跑yeoman的时候bower一直报错跑不通…最后发现我用的nodejs的shell，崩溃转载请注明：练小习的前端技术笔记 » WINXP下跑yeoman只能用git自带的shell...

练习 4年前 (2013-11-26) 0评论

One of the trickier aspects of encapsulating Shadow DOM CSS is figuring out how much access the parent document should have. ...

练习 4年前 (2013-06-08) 3评论

还是和前面的tips一样，多用after和before，能省俩标签！俩！比如这一堆的形状 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Co...

练习 4年前 (2013-05-08) 3评论

两天前我发了个求助，今天终于在朋友的帮助下找到了答案，关于transparent以及rgba(0,0,0,0)，在webkit与没有抗锯齿的浏览器下对border渲染正常，但是在有抗锯齿渲染的浏览器下（ff，ie9）明显就不正常(winXP)。首先...

练习 4年前 (2013-05-06) 1评论

在用after和before做一个小的tips箭头的时候，发现一个很蛋疼的问题，boeder写成transparent和写成rgb（x,x,x,0），在webkit下无区别，在moz下表现明显不同，transparent颜色会深很多，困惑中，有答案的...