最新发布第3页

练小习的前端技术笔记

SVG图形绘制入门第一弹

练小习 3年前 (2016-06-22) 2763浏览 2评论

之前很长一段时间，我是不重视SVG的，认为他就是在AI里画画，然后导出来做个矢量图标。直到我在上家公司遇到图表的绘制，因为不会写不得已而拿插件实现，而插件绘制的SVG代码又因为看着非常吃力甚至看不懂，导致自己严重受挫。到那个时候我才从基础正式开始学习...

练小习 3年前 (2016-06-17) 1016浏览 1评论

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

练小习 3年前 (2016-06-13) 832浏览 0评论

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

练小习 3年前 (2016-06-08) 1088浏览 4评论

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

练小习 3年前 (2016-06-07) 1568浏览 5评论

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

练习 3年前 (2016-04-23) 1508浏览 0评论

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

练习 4年前 (2015-12-10) 3391浏览 0评论

中午听到别人在讨论微信的支付框以及支付宝的支付框，于是自己写了个demo出来，原理很简单，通过隐藏input，使用label控制显示，实现起来很容易。唤起数字键盘采用了tel的type。转载请注明：练小习的前端技术笔记 » 模拟微信支付...

练习 4年前 (2015-11-26) 2445浏览 3评论

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

练习 4年前 (2015-09-28) 3905浏览 4评论

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

练习 4年前 (2015-07-29) 3144浏览 2评论

看到一个弧形轮播图的设计稿，脑子里突然闪现出一个蛋疼的实现方式，轮播的脚本就不用说了，我的HTML结构，恩，就是这样的：转载请注明：练小习的前端技术笔记 » 今天写了个蛋疼的弧形轮播图，怎么说也是原创了