摘要: 你是否关注过浏览、点击图片这个微妙的过程,不同的图片展现、交互方式各带来什么样的观感?本文聚焦于图片浏览这个过程以及如何使用CSS3和第三方库来提升体验。 先看下Pinterest、Flickr等时下热门图片分享类网站。 Pinterest 1 采用瀑布流式,设计者本意大概是用户对于图片这类非文本信 阅读全文
posted @ 2016-10-09 20:34 _Simon 阅读(814) 评论(0) 推荐(0) 编辑
摘要: 日常开发中,我们常用:before,:after来实现一些效果,比如 – 边框 – 图标 此时的content中只是为了伪元素能渲染出来而声明 1 2 3 div:before{ content: ""; } 事实上,content属性不仅仅支持字符串,也支持一些内置的css方法。 使用conten 阅读全文
posted @ 2016-10-09 20:29 _Simon 阅读(3852) 评论(1) 推荐(1) 编辑
摘要: 这是一个有趣的话题 其实我并不确切的平时大家是怎么去应用或者玩转一个属性,一个值。我能肯定的是这些东西都有不少的可玩性。 我今天要聊的 background-position 应该已经被大家玩得色彩斑斓了。尤其是 CSS Sprites流行的这些年,background-position 基本上是被 阅读全文
posted @ 2016-10-09 20:09 _Simon 阅读(2282) 评论(0) 推荐(0) 编辑
摘要: 1、数组的解构赋值 基本用法 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。 以前,为变量赋值,只能直接指定值。 ES6允许写成下面这样。 上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值。 本质上,这种写法属于“模式匹配”,只要 阅读全文
posted @ 2016-10-09 10:12 _Simon 阅读(5945) 评论(1) 推荐(1) 编辑