加载中
利用视口单位实现适配布局

响应式布局的实现依靠媒体查询( Media Queries )来实现,选取主流设备宽度尺寸作为断点针对性写额外的样式进行适配,但这样做会比较麻烦,只能在选取的几个主流设备尺寸下呈现完美适配。 ...

一个例子上手SVG动画

CSS3动画已足够强大,不过还是有一些它做不到的地方。配合SVG,让Web动效有更多的可能性。这次要做的效果是一个loading动画(如图):其中旋转通过CSS来完成,但是旋转之后圆弧缩短变成笑脸的...

2017/06/30 08:30
53
canvas 图像旋转与翻转姿势解锁

多图预警,数学不好可直接跳至文末小结。 需求背景 从一个游戏需求说起: 技术选型:canvas 上图所展示的游戏场景,“可乐瓶”里有多个“气泡”,需要设置不同的动画效果,且涉及 deviceOrie...

2017/06/30 08:30
229
10个你可能不知道的前端PS技巧

PS是各位前端开发者的基础技能,高效利用PS不仅能提高工作效率,更能带来身心上的愉悦——Jack Ma 在前端切图工作里,本质来说就是“选择图层-获取信息、编辑图层-导出图层”的过程,本文主要...

2017/06/30 08:30
38
URL编码的奥秘

URL编码的世界很精彩,你不过来看一下么? 1、从escape和encodeURI讲起 假设你已经了解escape的编码: 不对 ASCII 字母、数字进行编码。 不对 *@-_+./ 进行编码。 其他所有的字符都会被转义序...

2017/06/30 08:30
35
流式分页方案探索

分页类型 首先我们要简单认识下,何谓流式分页。 分页一般用于对信息列表进行分段。根据具体功能及交互方式的不同,大致可将分页分为两种类型:传统分页和流式分页。 传统分页 传统分页多用于...

2017/06/30 08:30
93
赠票快抢!腾讯Web前端大会。

< 腾讯Web前端大会 TFC 2017 /> 将于2017年6月24日在深圳召开。 本次大会将是腾讯规模最大的Web前端盛会。主办方腾讯, 中国顶级互联网公司之一,创造了许多亿万海量用户级的优秀Web应用,积...

2017/06/06 17:39
59

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部