最新发布第3页

练小习的前端技术笔记

带你轻松打开SVG动画的大门

练小习 1年前 (2016-06-07) 2评论

初学SVG的时候，感觉那一坨一坨的代码难读难懂，现在回过头仔细想想，是因为那时候看文档缺少一些具体的实例，导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为，无论是项目里的应用还是demo都所处可见，这里我就用一个实例的写法带新同学轻松的打开...

练习 1年前 (2016-04-23) 0评论

https实战，在 Apache 上部署 Let’s Encrypt 证书与自动续期脚本作为一只菜鸟，对别人都已经掌握而自己却没有实践过的东西总是心痒难耐，这次我决定把个人博客迁到https，没有任何理由，纯是为了练手和学习。 Let&...

练习 2年前 (2015-12-10) 0评论

中午听到别人在讨论微信的支付框以及支付宝的支付框，于是自己写了个demo出来，原理很简单，通过隐藏input，使用label控制显示，实现起来很容易。唤起数字键盘采用了tel的type。在线演示地址：源码如下： <!DOCTYPE h...

练习 2年前 (2015-11-26) 3评论

　　在实际工作中，可能会由于设计师的经验不足，以及对前端技术的不了解，而产出一些对前端来说，无法实现，或者实现成本很高的视觉设计图。在这里罗列一下我所了解的各种视觉“不靠谱”的问题。问题1：网页背景不能平铺，循环问题描述：设计师设计了一个固定宽度...

练习 2年前 (2015-09-28) 4评论

有一个position值为absolute的div，他的祖先元素里没有任何定位属性，或者他的父元素就是body。当这个div的bottom值为0的时候，他应该被定位到哪个位置？这个大家都知道在最下面。现在条件稍微修改一下，给body和html一...

练习 2年前 (2015-07-29) 2评论

看到一个弧形轮播图的设计稿，脑子里突然闪现出一个蛋疼的实现方式，轮播的脚本就不用说了，我的HTML结构，恩，就是这样的： <!DOCTYPE html> <html> <head> <meta chars...

ios

练习 2年前 (2015-06-15) 0评论

“Swift因为有类型推断，一般来说你很少需要写类型标注。如果你在声明常量或者变量的时候赋了一个初始值，Swift可以推断出这个常量或者变量的类型”，而事实上，当你声明一个元素为字典类型的数组时，如果不注明[[key: value]]，那么编译的时候...

ios

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

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

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

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

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

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