最新发布第4页

练小习的前端技术笔记

ios

swift下autolayout的实现笔记

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

swift相关的教程还是太少，很多东西都靠自己琢磨。今天研究了一下别人oc实现的autolayout，写篇笔记。首先是正常的创建元素,为了熟悉实现的方式，我在学习过程中是完全放弃storyboard的。 var v1 = UILabel() v1....

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

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

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

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

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

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

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

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

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

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

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

当grunt的task list顺序为[‘compass’,’autoprefixer’]的时候，autoprefixer会把compass压缩好的css代码重新格式化。因为autoprefixer...

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

踩坑笔记 This property describes decorations that are added to the text of an element using the element’s color. When speci...

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

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