小蘑菇宝典

1.

* {
            margin: 0;
            padding: 0;
        }

2.内容跑上面来了就清除浮动

3.#EFEFEF灰色

4. display: inline-block;与float: left;

5.after伪元素清除浮动

        /* 代表网站：百度，淘宝，网易 */
        .clearfix:after {
            content:"";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
        /* IE6,7专有 */
        .clearfix {
           /*  照顾低版本浏览器 */
            *zoom:1;
        }

  双伪元素清除浮动

        /* 代表网站：小米，腾讯 */
        .clearfix:before ,cleaf:after {
            content: "";
            display: table;
        }
        .clearfix:after {
            clear: both;
        }
        /* IE6,7专有 */
        .clearfix {
           /*  照顾低版本浏览器 */
            *zoom:1;
        }

6.

.box {
            width: 0;
            height: 0;
            border: 50px solid transparent;
            border-right-color: pink;
        }

7.单行省略号

          /* 强制一行显示，默认normal自动换行 */
          white-space: nowrap;
          /* 超出部分隐藏 */
          overflow: hidden;
          /* 文字用省略号替代超出部分 */
          text-overflow: ellipsis;

  多行省略号

         /*  多行文本溢出显示省略号，有较大兼容性问题，适用于webkit浏览器或移动端
          （移动端大部分是webkit内核) */
            overflow: hidden;
            text-overflow: ellipsis;
            /* 弹性伸缩盒子模型显示 */
            display: -webkit-box;
            /* 限制在一个块元素显示的文本的行数 */
            -webkit-line-clamp: 2;
           /*  设置或检索伸缩盒对象的子元素的排列方式 */
           -webkit-box-orient: vertical;

8.

ul: li:hover{
   position:relative;
   border:1px solid blue}

9.

/* 上边框宽度调大 */
          border-top: 100px solid transparent;
          border-right: 50px solid skyblue;
          /* 左，下边框宽度设为0 */
          border-bottom:0 solid blue;
          border-left: 0 solid green;

/* 只保留上边框有颜色 */
        border-color: transparent red transparent transparent;
        /* 样式都是solid */
        border-style: solid;
        border-width: 100px 50px 0 0;

10.

CSS初始化
   \9ED1\4F53黑体
   \5B8B\4F53 宋体
   \5FAE\8F6F\96C5\9ED1微软雅黑

CSS3抗锯齿形 文字显示更清晰
   -webkit-font-smoothing:antialiased

11.

小波纹在父盒子里水平垂直居中
position:absolute
top:50%
left:50%
transform:translate(-50%,-50%)
box-shadow:0 0 12px
不用scale  让阴影变大

12.

<meta name="viewport" content="width=device-width, user-scalable=no 

initial-scale=1.0,
       maximum-scale=1.0,minimum-scale=1.0">

13.

box-sizing: border-box;
     -webkit-box-sizing: border-box;
     /* 点击高亮我们需要清楚  设置为完全透明 */
     -webkit-tap-highlight-color: transparent;
     /* 在移动端浏览器默认的外观在ios上加上这个属性才能给按钮和输入框自

定义样式 */
     -webkit-appearance: none;
    /*  禁用长按页面时的弹出菜单 */
     img,a {
         -webkit-touch-callout: none;
     }

14.outline:none;

   border-style:hidden;

15.

body {
    background:URL() no-repeat;
    background-size: cover;
    text-align: center;
}

16.

#from {
    display: flex;
    justify-content: center;
    align-items: center;
}

17.

<input type="radio" name="sex">男
<input type="radio" name="sex">女

18.

<textarea cols="20" rows="8"></textarea>

19.

<input type="checkbox" name="hobby" value="0">阅读
<input type="checkbox" name="hobby" value="1">音乐

  submit提交   type="reset"重置

20.props: required = true,

   当prop验证失败的时候（开发环境构建版本的）Vue将会产生一个控制台的警告

   prop验证失败不会影响组件运行，仅在开发阶段提示告警

   意义：写组件的时候或者引用第三方组件库，有些参数是必须的，开发中不看文档可能意识不到，这是控制台报警就可以按正确使用方式修正。

props: {
            name: {
                type: String,
                required: true,
            },
            age: {
                type: Number,
                validator: function (value) {
                    return value >= 0 && value <= 130;
                }                
            },

 转载于: https://segmentfault.com/q/1010000023266089

21.application.properties相关配置

spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.type=com.alibaba.druid.pool.DruidDataSource
spring.datasource.url=jdbc.mysql://localhost:3306/sportswork?userUnicode=true&characterEncoding=UTF-8&serverTimezone=UTC
spring.datasource.username=root
spring.datasource.password=root

#thymeleaf
spring,thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.resources.chain.strategy.content.enabled=true
spring.resources.chain.strategy.content.paths=/**
spring.thymeleaf.cache=false

spring.devtools.restart.enabled=false
server.port=8666

mybatis.type-aliases-package=com.sport.sportswork.core.entity
mybatis.mapper-locations=classpath:mapper/*.xml

mybatis.configuration.map-underscore-to-camel-case=true

#######################################\日志#############################################################

#top.TomorrowSoft.OnlineAnswer.config
logging.level.com.sport.sportswork.config=ERROR
#top.TomorrowSoft.OnlineAnswer.controller
logging.level.top.sport.sportswork.controller=DEBUG
#top.TomorrowSoft.OnlineAnswer.mapper
logging.level.top.sport.sportswork.mapper=DEBUG
#top.TomorrowSoft.OnlineAnswer.service
logging.level.top.sport.sportswork.service=DEBUG
logging.file=logs/question.log
logging.pattern.console=%d{yyyy/MM/dd-HH:mm:ss} [%thread] %-5level %logger: %msg%n
logging.pattern.file=%d{yyyy/MM/dd-HH:mm} [%thread] %-5level %logger: %msg%n

22.引入css和js

<link rel="stylesheet" href="../../static/layui/css/layui.css">

<script type="text/javascript" src="../../static/layui/layui.js"></script>

23.杀死那个进程

netstat -ano | findstr :3000

taskkill -PID 18412 -F

24.

25.