最新消息:你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。

最新发布 第5页

练小习的前端技术笔记

canvas生成图片
其他技术

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;...

JSHint的选项配置笔记
其他技术

JSHint的选项配置笔记

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

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

关于margin-top的百分比值
表现

关于margin-top的百分比值

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

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

效果为啥一定要兼容呢?浏览器本来就有差异的!
其他技术

效果为啥一定要兼容呢?浏览器本来就有差异的!

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

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

WINXP下跑yeoman只能用git自带的shell
其他技术

WINXP下跑yeoman只能用git自带的shell

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

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

The Cat and the Hat CSS Selectors
表现

The Cat and the Hat CSS Selectors

练习 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. ...

css绘图,实现一些特殊形状
表现

css绘图,实现一些特殊形状

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

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

css属性transparent有时候并不是透明的
表现

css属性transparent有时候并不是透明的

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

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

border的transparent与rgba(0)的区别是什么?
表现

border的transparent与rgba(0)的区别是什么?

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

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