最新发布第3页

练小习的前端技术笔记

移动端全兼容的flexbox速成班

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

说起flexbox，都算是件陈年旧事了，它是2009年W3C提出的一种全新的可伸缩的CSS布局方式。依赖flexbox，我们可以更简单，高效的完成可伸缩式页面的布局。业界与flexbox的相关教程文章也是各式各样，新旧交替，很多小伙伴对flexbo...

练小习 2年前 (2016-06-13) 0评论

今天在群里看到一个需求，先放demo <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <meta ...

练小习 2年前 (2016-06-08) 4评论

自从2010年Ethan Marcotte开始讨论响应式网页设计，开发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题，因为我们对同一个网站在众多设备宽度下，使用同一图像源。你愿意在一个大显示屏上显示模糊地、马赛克状的图像？你愿意在...

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

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

练习 2年前 (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：网页背景不能平铺，循环问题描述：设计师设计了一个固定宽度...

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

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

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

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

ios

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

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