Monthly Archives: 12月 2015

CSS滑动下划线

搜集翻译了一些下划线的动态效果,感觉可能什么时候会用,这里贴一下~请使用现代浏览器查看效果。 主要就是使用了CSS的:after伪类,再加上一些transition动画效果,设置设置宽度高度,左右距离好像就完事儿了…… 下划线从上到下出现 鼠标放上去,你会发现下划线“生长”出来了,不过页面所有的内容也往下走了3像素,这样视觉效果不是很好,你可以将它设置一下绝对定位(就好像下面的那个例子)或者用一个… Read More »

博客搬了个房间……

博客没有搬家,只是搬了房间。 前两天主机商联系我,说我的空间占用了大量的服务器资源,需要给我搬个服务器观察观察(羁押候审?),我正觉得空间慢了不少,忙不迭地答应了。 话说我一直安安静静的码一些文字,怎么会做出破坏环境的事情呢?前段时间为了加快访问速度,减轻服务器压力,还安装了缓存插件的说。 不管怎么说,搬就搬咯,然后还换了IP,使用了什么智能解析DNS,花了两天,不知道哪里有问题,还是时不时打不开… Read More »

ReactJS小记(2)

上一次我们简单的新建了一个组件,不过这个组件实在太简单了,根本无法把Components的优点表达出来,更主要的是,这个组件完全是静态的,这么一来,我们不如直接写HTML好了呀。 Props属性 props用于定义在新建组件时的属性,在组件的代码中,我们可以使用this.props来获取,光这么说太过抽象,我们来关门放代码…… <script type=”text/babel”> va… Read More »

在行内css中书写伪选择器:hover

我们知道直接写style可以把css属性直接作用到一个元素上,但是如果这个元素有:hover怎么办呢?还是只能写style吗?查看CSS的标准,你会发现这么一段描述: Setting properties on a source anchor for each of its dynamic states, using pseudo-classes: <a href=”http:/… Read More »

Category: Web

ReactJS小记(1)

坑永远不嫌多的,记得之前说过要更新EmberJS教程的,但是最近感觉React如日中天,就连Angular也难掩其光辉,React Native出来后更是如此,虽说是两个东西,但是两者还是有很多共通之处的,React Native入手之前,学习学习ReactJS总是没错的,所以……来挖这个坑吧! 话说Twitter贡献了个Bootstrap,Facebook贡献个ReactJS(当然我知道他们贡献… Read More »