• [LeetCode] 37. Sudoku Solver 刷題筆記

    簡單來說就是要做一個自動產生數獨解答的程式。題目會輸入一個二維陣列,數獨題目空白的地方會用'.'代替,我們則要將數獨的答案填完回傳。輸入的數獨題目,一定會有一個唯一解,所以不需要考慮題目有錯誤或是多重解答的情況。
  • [LeetCode] 7. Reverse Integer 刷題筆記

    題目Given a signed 32-bit integer x, return x with its digits reversed. If reversing x causes the value to go outside the signe...
  • [LeetCode] 2. Add Two Numbers 刷題筆記

    題目LeetCode 題目連結:https://leetcode.com/problems/add-two-numbers/ You are given two non-empty linked lists representing two non-...
  • [LeetCode] 1. Two Sum 刷題筆記

    前言菜鳥的刷題記錄,前端工作兩年後發現很多程式基礎(演算法、資料結構等等)都忘得差不多了,其實當初學生時期的底子也不太紮實。手很生,決定開始上 LeedCode 刷題。基本上是希望是一個紀錄菜鳥成長的過程的系列文。 題目LeetCode 題目連結:h...
  • [CSS100] Day 09 Weather

    這次的題目不難,大致上可以分成兩個重點Sass的語法學習(for loop和@extend)和雨滴動畫。 後者對於我來說,更像一個數學習題, 要調整雨滴降落的時間與延遲的速度,才能讓雨滴降落顯得自然。
  • [CSS100] Day 08 Metaballs

    Metaballs是一個我覺得很神奇的題目,也因為覺得有趣稍微做了點變化和調整,成品和當初的題目其實不太一樣,其實不太知道我自己改版過後的版本還能不能叫Metaballs。 以下只重點紀錄這次新學到的語法或用法。
  • [CSS100] Day 05 Statistic

    這次的題目使用svg畫了折線圖,折線圖上的點透過絕對定位固定位置。 學習重點:1. 折線圖製作 html部分,使用了svg中的polyline(折線),指定每個點的x,y位置,可以畫出連續的直線。
  • [CSS100] Day 04 Loading

    原本的題目是圓形,我自己換成了三角形並加了旋轉的效果。這個題目比較像之前的綜合練習,三個三角形各有一點時間差,最大的三角形最早變大但最晚變小,相反最小的三角形則是最晚變大最早變小。 另外一個細節就是,當三角形放得越大時,陰影就越擴散,形成三角形越大的時候,視覺上越靠近自己。另外因為我改成了三角形一般的box-shadow沒辦法使用,要改成用filter: drop-shadow()製作陰影。
  • [CSS100] Day 03 The Pyramid

    這次的金字塔和金字塔的陰影的三角形不是以往學到的透過border畫出來的,而是透過clip-path這個屬性畫成的,透過這個屬性不只三角形,各式各樣的圖形感覺都能畫得出來! 再搭配Day2學到的動畫,改變一下天空、金字塔的顏色以及太陽和陰影的角度,就能夠完成。另外雖然範例沒有,但我還加了黃昏時候的橘黃色感覺。
  • [CSS100] Day 02 Menu Icon

    這次的題目主要練習的是CSS動畫的製作,讓一個按鈕點下去透過transform: translate() rotate()做出位移和旋轉的動畫。