SVG图形绘制入门第一弹
练小习 5年前 (2016-06-22) 2895浏览 2评论
之前很长一段时间,我是不重视SVG的,认为他就是在AI里画画,然后导出来做个矢量图标。直到我在上家公司遇到图表的绘制,因为不会写不得已而拿插件实现,而插件绘制的SVG代码又因为看着非常吃力甚至看不懂,导致自己严重受挫。到那个时候我才从基础正式开始学习...
练小习的前端技术笔记
练小习 5年前 (2016-06-22) 2895浏览 2评论
之前很长一段时间,我是不重视SVG的,认为他就是在AI里画画,然后导出来做个矢量图标。直到我在上家公司遇到图表的绘制,因为不会写不得已而拿插件实现,而插件绘制的SVG代码又因为看着非常吃力甚至看不懂,导致自己严重受挫。到那个时候我才从基础正式开始学习...
练小习 5年前 (2016-06-17) 1126浏览 1评论
说起flexbox,都算是件陈年旧事了,它是2009年W3C提出的一种全新的可伸缩的CSS布局方式。依赖flexbox,我们可以更简单,高效的完成可伸缩式页面的布局。 业界与flexbox的相关教程文章也是各式各样,新旧交替,很多小伙伴对flexbo...
练小习 5年前 (2016-06-13) 835浏览 0评论
今天在群里看到一个需求,先放demo <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <meta http-equiv...
练小习 5年前 (2016-06-08) 1215浏览 4评论
自从2010年Ethan Marcotte开始讨论响应式网页设计,开发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题 ,因为我们对同一个网站在众多设备宽度下,使用同一图像源。你愿意在一个大显示屏上显示模糊地、马赛克状的图像?你愿意在...
练小习 5年前 (2016-06-07) 1943浏览 5评论
初学SVG的时候,感觉那一坨一坨的代码难读难懂,现在回过头仔细想想,是因为那时候看文档缺少一些具体的实例,导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为,无论是项目里的应用还是demo都所处可见,这里我就用一个实例的写法带新同学轻松的打开...
练习 5年前 (2016-04-23) 1513浏览 0评论
https实战,在 Apache 上部署 Let’s Encrypt 证书与自动续期脚本 作为一只菜鸟,对别人都已经掌握而自己却没有实践过的东西总是心痒难耐,这次我决定把个人博客迁到https,没有任何理由,纯是为了练手和学习。 Let&...
练习 5年前 (2015-12-10) 3397浏览 0评论
中午听到别人在讨论微信的支付框以及支付宝的支付框,于是自己写了个demo出来,原理很简单,通过隐藏input,使用label控制显示,实现起来很容易。唤起数字键盘采用了tel的type。 转载请注明:练小习的前端技术笔记 » 模拟微信支付...
练习 5年前 (2015-11-26) 2584浏览 3评论
在实际工作中,可能会由于设计师的经验不足,以及对前端技术的不了解,而产出一些对前端来说,无法实现,或者实现成本很高的视觉设计图。在这里罗列一下我所了解的各种视觉“不靠谱”的问题。 问题1:网页背景不能平铺,循环 问题描述:设计师设计了一个固定宽度...
练习 5年前 (2015-09-28) 3944浏览 4评论
有一个position值为absolute的div,他的祖先元素里没有任何定位属性,或者他的父元素就是body。 当这个div的bottom值为0的时候,他应该被定位到哪个位置? 这个大家都知道在最下面。 现在条件稍微修改一下,给body和html一...
练习 6年前 (2015-07-29) 3283浏览 2评论
看到一个弧形轮播图的设计稿,脑子里突然闪现出一个蛋疼的实现方式,轮播的脚本就不用说了,我的HTML结构,恩,就是这样的: 转载请注明:练小习的前端技术笔记 » 今天写了个蛋疼的弧形轮播图,怎么说也是原创了