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

最新发布 第4页

练小习的前端技术笔记

css实现未知宽度的正方形需求
表现

css实现未知宽度的正方形需求

练习 3年前 (2015-03-06) 3评论

今天群里有哥们问了一下,百分比宽度的正方形如何用css实现。其实就是不定宽的正方形如何用css实现。 第一个方法利用图片的等比例缩放,用base64写一个1*1的透明png图片,宽度100%,这样容器就自动被撑成一个正方形, demo如下 <...

收集整理一些css3的图片阴影效果
表现

收集整理一些css3的图片阴影效果

练习 3年前 (2015-03-04) 0评论

主要利用gradient,transform,配合after以及before伪元素来实现各种图片阴影,卷角效果。 <!DOCTYPE HTML> <html lang="en-US"> <head...

关于flex布局的目前兼容性写法
表现

关于flex布局的目前兼容性写法

练习 3年前 (2015-02-03) 2评论

flex虽然使用起来很方便,但是他的兼容性由于历史版本的原因,一直很让人头疼,低版本IE就不用说了,webkit目前也不是所有版本都能支持同一写法,测试半天之后写了个差不多的写法,至少pc端高版本ie,chrome,firefox,opera,新版搜...

设备方向事件与设备运动事件以及简单的摇一摇实现
行为

设备方向事件与设备运动事件以及简单的摇一摇实现

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

设备方向事件 当设备的物理方向改变(如果用户倾斜或旋转设备)且改变幅度大于等于 0.01 度时,触发 DeviceOrientationEvent 对象。DeviceOrientationEvent 对象提供的数据可指定设备在地球固定坐标系上的对应方...

js检测图形碰撞笔记
行为

js检测图形碰撞笔记

练习 3年前 (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,应...