4.20周报

周总结

    学期已经过去一半了，这几周每个学科就开始陆陆续续的进行期中考试，其实我并没有信心，虽然每次老师讲课也都听了，但是还是感觉现上教学，没有在课堂上靠谱，可能是因为线上遇到问题不能及时解决，而且有时候也不好意思去问老师，结果就不了了之了。
    上周我们要交上一个使用sass做的网页，但是我感觉我做的就跟css差不多，用了好多混合选择器 @mixin ,根本没有用到函数 @function 什么的，最后学姐还给我们发了一个实例——旋转扇，其实做起来也很简单，但是学姐发的那个例子用到了函数@function，循环 @for，不知道比我们的强多少倍，首先我们来看一下效果：

    是不是很美美哒，哈哈哈哈，会发现这么多颜色其实每个都很接近，所以我是将颜色值转换成RGB值后，果然有个规律（每次将red-1，green+1,blue+1）。话不多说，代码如下（我写的，其实也不知道对不对，反正效果是出来了）：

@mixin size(){
  width: 20px;
  height: 120px;
}
.fixed{
  @include size;
  background-color: red;
  position: fixed;
  top: 40%;
  margin-top: -125px;
  left: 50%;
  margin-left: -25px;
  border-radius: 20px;
}
$value:4;
$red:224;
$green:1;
$blue:113;
@for $i from 1 through 90 {
  .circle#{$i} {
    @include size;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    background-color:rgb($red,$green,$blue);
    transform-origin: 50% 90%;
    transition: 2s;
  }
  .fixed:hover .circle#{$i} {
    transform: rotateZ(#{$value}deg);
  }
  $value:$value + 4;
  $red:$red - 1;
  $green:$green + 1;
  $blue:$blue + 1;
}

    上周我们也发布了新的考核内容，就是制作一个餐饮后台管理系统，学长也已经把API文档给我们了，说简单点就是套个模板，其实这个刚开始我是用layui后台写的，但是我发现用了这个之后我再向按钮添加事件的时候，事件没有执行（试了好多次，最后向现实妥协）只好自己写了，但是我还有一个问题就是自动分页与修改信息一直存在（不是以刷新页面就消失了那种，这个我之前看过一个例子，是发送微博的，表示现在已经忘完，还得再回顾一下）,而且还得抽时间把离散、java复习一下这周三就是考试了。
    好了，话不多说，over