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

最新发布 第4页

练小习的前端技术笔记

js检测图形碰撞笔记
行为

js检测图形碰撞笔记

练习 2年前 (2015-01-24) 0评论

图形平面碰撞的检测方式就是判断点是否同时在两个对象中。比如这个笔记中的例子 <!DOCTYPE html> <html> <head> <title>impact demo</title&g...

media query 语句里的device-width就是个坑!
其他技术

media query 语句里的device-width就是个坑!

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

media query语句里的device-width,字面意思是设备宽度,在android上是设备像素,ios上是css像素。 iPhone5以下的ios设备统统为320,iPhone6plus为414。安卓手机就五花八门了,从640到1080,应...

抽象组件库的可行性讨论
表现

抽象组件库的可行性讨论

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

首先这篇博文不是教程也不是研究技术技巧,这只是我对目前我正在着手写的一个组件库的一些想法,以及我对当前主流的这些css框架的一些看法。 当前的一些主流css框架,YUI也好,bootstraps也好,都各自有各自的优点以及缺点。这也是所有的框架都会客...

@font-face调用的资源竟然会产生跨域问题!
表现

@font-face调用的资源竟然会产生跨域问题!

练习 3年前 (2014-10-14) 1评论

以前都是直接在同域下相对目录调用,这次换资源服务器调用的时候才发现。解决方法目前只有修改服务器配置Header set Access-Control-Allow-Origin “*” 转载请注明:练小习的前端技术笔记 &raq...

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