1.docker-compose的使用非常类似于docker命令的使用，但是需要注意的是大部分的compose命令都需要到docker-compose.yml文件所在的目录下才能执行。
2.【Linux命令】docker-compose up【命令解释】 命令聚合每个容器的输出，命令退出时，所有容器都将停止。
3.【Linux命令】docker-compose up -d【命令解释】 在后台启动容器并使它们保持运行。
4.【Linux命令】docker-compose logs -f【命令解释】 查看该容器的启动的日志打印(日志从头打印)。
5.【Linux命令】docker logs -f container_id【命令解释】 查看某一容器的启动的日志打印(日志从头打印)。
6.【Linux命令】docker logs -f --tail 数量词 container_id【命令解释】 查看某一容器的启动的日志打印(查看最后n条日志打印)。 例：docker logs -f --tail 50 44b
7.【Linux命令】docker-compose stop【命令解释】 停止compose服务。
8.【Linux命令】docker-compose restart【命令解释】 重启compose服务。
9.【Linux命令】docker-compose kill【命令解释】 kill compose服务。
10.【Linux命令】docker-compose ps【命令解释】查看compose服务状态。
11.【Linux命令】docker-compose rm【命令解释】删除compose服务。

yum install -y docker-engine 或者
yum install -y docker 安装的都是老版本docker

yum remove docker  docker-common  docker-selinux  docker-engine

yum install -y yum-utils device-mapper-persistent-data lvm2

yum-config-manager     --add-repo     https://download.docker.com/linux/centos/docker-ce.repo

yum-config-manager --enable docker-ce-edge

yum install makecache fast

yum -y install docker-ce

sudo  systemctl start docker

sudo yum install epel-releasesudo yum install -y python-pipsudo yum install docker-compose

sudo curl -L "https://github.com/docker/compose/releases/download/1.24.0/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
sudo chmod +x /usr/local/bin/docker-compose

 
docker-compose build --pull --force-rm web
docker-compose build --force-rm

 
cp config.example.yml config.yml
cp sentry.conf.example.py sentry.conf.py

docker-compose run --rm web config generate-secret-key

docker-compose run --rm web upgrade

docker-compose run --rm web createuser

docker-compose up -d

service docker status  # 查看docker服务是否启动
systemctl start docker # 启动docker

 mail.host: 'smtp.dc.17zuoye.net'
 mail.port: 25
 mail.username: 'no-reply@17zuoye.com'  //不需要密码
 mail.use-tls: false  //关闭 TLS
 mail.from: 'no-reply@17zuoye.com'
 mail.list-namespace: 'zuoye.com'

 

注意要将服务器防火墙与服务器安全组的邮箱端口放开，
注意：如果使用Sentry10的话 使用tsl邮箱端口必须为567不然会报错

docker-compose build --pull --force-rm web
docker-compose build --force-rm
docker-compose run --rm web upgrade
docker-compose up -d  // 若此步无响应可执行  docker-compose stop  在执行

import React,{ useState,useEffect } from 'react';

const LikeBut = () => {
    const [like, setLike] = useState(0);
    const [on, setOn] = useState(true);
    useEffect(()=>{
        document.title = `点击了${like}次`
    })
    return(
        <div>
            <button onClick={()=>{setLike(like+1)}}>
                {like} @
            </button>
            <button onClick={()=>{setOn(!on)}}>
                {on?'on':'off'}
            </button>
        </div>
    )
}

export default LikeBut;

import React , {useState,useEffect} from 'react';

const Mouse = () => {
    const [ positions, setPositions ] = useState({x: 0, y: 0});

    useEffect(()=>{
        const updateMouse = (event)=>{
            console.log('inner')
            setPositions({x:event.clientX,y:event.clientY})
        }
        console.log('add listener')
        document.addEventListener('click',updateMouse);

        return ()=>{
            console.log('remove listener')
            document.removeEventListener('click',updateMouse)
        }
    })

    return(
        <p>X:{positions.x},Y:{positions.y}</p>
    )

}

export default Mouse;


// 打印顺数 
初始化时  add listener

点击后
inner
remove listener
add listener

useEffect(()=>{},[])
第二个参数可以被设置成触发条件

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0 Safari/605.1.15

所以不能用之前方式来判断 是否是 ipad 了
 
/iPad|iPhone|iPod/.test(navigator.platform)

<svg id="svg" :style="svgCss">
 <circle class="path" 
  stroke="hotpink" // 划线的颜色
  fill="none"  // 填充颜色
  stroke-width="1%" // 划线的宽度  可以使用百分比这是太棒了
  cx="50%" // 圆心X轴位置
  cy="50%" // 圆心Y轴位置
  r="49.5%" //圆的半径
 />
</svg>

stroke-dasharray: 360%; //展示比例
stroke-dashoffset: 360%; //绘画比例

/**
 *  本文件主要放各种sass的function或者mixin，可以直接在.vue中的sass使用
 */

/**
  * 主要是给border为0.5的时候使用的，当只有一条border或者border需要全部设置的画建议使用下面几个方法
  */
@mixin border-hack($color: #e7e7e7, $d1: none, $d2: none, $d3: none, $d4: none) {
  position: relative;
  &::after{
    content: '';
    transform: scale(0.5);
    position: absolute;
    left: -50%;
    right: -50%;
    top: -50%;
    bottom: -50%;
    @if($d1 == 'left' or $d2 == 'left' or $d3 == 'left' or $d4 == 'left'){
      border-left: 1PX solid $color;
    } 
    @if ($d1 == 'right' or $d2 == 'right' or $d3 == 'right' or $d4 == 'right') {
      border-right: 1PX solid $color;
    } 
    @if ($d1 == 'top' or $d2 == 'top' or $d3 == 'top' or $d4 == 'top') {
      border-top: 1PX solid $color;
    } 
    @if ($d1 == 'bottom' or $d2 == 'bottom' or $d3 == 'bottom' or $d4 == 'bottom') {
      border-bottom: 1PX solid $color;
    }
  }
}

@mixin border-hack-top($color: #e7e7e7) {
  @include border-hack($color, top);
}
@mixin border-hack-right($color: #e7e7e7) {
  @include border-hack($color, right);
}
@mixin border-hack-bottom($color: #e7e7e7) {
  @include border-hack($color, bottom);
}
@mixin border-hack-left($color: #e7e7e7) {
  @include border-hack($color, left);
}
@mixin border-hack-all($color: #e7e7e7) {
  @include border-hack($color, left, right, top, bottom);
}

.test{
  width: 100%;
  background: yellow;
  color: white;
  @include border-hack-all(red);
}

{
  "姓名": "张三",
  "角色": "管理员",
  "到期时间": "2018年7月1日0点0分"
}