安装EPEL

sudo yum install epel-release

安装nginx

sudo yum install nginx

阅读更多

添加新用户

adduser username

修改新用户密码

passwd username

阅读更多

CSS3实现后退按钮，从此告别后退图标

用CSS3实现的原理是利用伪元素生成一个只有两条边的正方形，然后通过旋转一定角度实现各个方向的箭头图形。

90度角的箭头图形实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14

.back1 {
    position: relative;
}
.back1:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    left: 0;
    border-top: 2px solid #f00;
    border-left: 2px solid #f00;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

阅读更多

使用CSS3实现垂直左右居中显示

1
2
3
4
5
6
7
8

.container {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 200px;
    background: #FDFDFD;
}

对应的html为

1

<div class="container"></div>

最主要是随着浏览器窗口变化，左右上下边距也会自动调整，因而再也不需要通过js来监听windonw的resize事件了。

阅读更多

背景

最近需要封装一个图片上传组件，需要支持单文件，多文件，LOGO上传等功能，
其中LOGO上传需要检测上传图片的尺寸，并且需要支持图片裁切。改组件需要提供统一的UI样式，并有统一的错误提示。
该组件基于Webuploader封装。

阅读更多