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