Centos7 安装 MySQL

2019-03-09

centos7 安装 MySQL

一键生成响应式表格

2019-02-28

这是一个一键生成响应式表格的方案。

table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  line-height: 40px;
  table-layout: fixed;
  color: #333;
  font-weight: normal;
  font-size: 14px;
  margin: 5% 0;
  td{
    padding: 10px;
  }
  thead {
    background-color: #cce5ff;
    font-weight: 500;
  }
}

table-bordered {
  border: 1px solid #e0e0e0;
}

.table-bordered {
  th {
    background: #e4efff;
    border: 1px solid #e0e0e0;
    font-weight: normal;
    height: auto;
  }
  td {
    background: #e4efff;
    border: 1px solid #e0e0e0;
    font-weight: normal;
    height: auto;
  }
  thead {
    th {
      border-bottom: 1px;
      font-weight: 500;
      height: auto;
    }
    td {
      border-bottom: 1px;
      font-weight: 500;
      height: auto;
    }
  }
}

阅读全文

网页或Html元素在浏览器上全屏解决方案

2019-02-20

全屏是什么：

个人理解，全屏指的是去掉浏览器的导航栏，浏览器的全部空间被页面所占有，网页即 html 文档，网页全屏即 dom 全屏
不同的浏览器又不同的全屏事件可以调用，但是不同浏览器的全屏事件并不一致，因为还没被写入规范中，所以需要判断在特定的浏览器下，哪个事件可以用，以下是全屏事件的封装：

阅读全文

Key 值在 Vue 组件中的作用

2019-02-19

key 值在 vue 组件的作用

阅读全文

前端绘制图形验证码

2019-02-13

摘要：
本文主要实现了一下功能：1、图形验证码由验证码、干扰线、干扰点组合而成；2、验证码由数字和字母随机组合形成；3、每次切换验证码，验证码字体颜色和背景颜色变化

一、实现思路

生成一个随机色，用于切换验证码时控制字体颜色和背景颜色

阅读全文

火狐删除各种虚线框

2019-02-12

删除按钮虚线框

<!-- 火狐浏览器，去除按钮虚线框 -- > 
button::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
input[type='file'] > input[type='button']::-moz-focus-inner {
  border: none;
}