-
[CSS100] Day 14 Byciclopter
這次的題目是要做一個動畫卡片，當 hover 時會垂直翻面到背面。 動畫的部分除了之前常用的 css animation 語法，因為這次腳踏車的線和直升機背後的線，產生隨機的大量線段，因此在 html 的部分會用到 Slim 跑回圈產生大量線，在用 SASS 跑回圈讓每個線段產生不同的寬度位置等。 翻面的效果則是會用到 perspective 這個 css 屬性來調整卡片的透視。 -
[CSS100] Day 11 Walking Boots
這次的主題是要模擬鞋子走路的動畫，關於 css 動畫的語法介紹，可以參考這篇 [CSS100] Day 02 Menu Icon。 這題就像是應用題，我們之前學過怎麼做動畫了，那麼該怎麼模擬走路的樣子呢？ -
[CSS100] Day 10 Watch
繼上一次[CSS100] Day 05 Statistic用過SVG之後，這次不停繞圈圈的圓也要用到SVG。另外繞圈圈的效果還新學到了stroke-dasharray和stroke-dashoffset這兩個屬性。 -
[JavaScript] Scope 作用域是什麼？
Scope 是什麼？Scope 中文翻作「作用域/範疇…」代表了變數可以被取用的範圍，如果嘗試在 scope 外存取變數，就會發生錯誤。 下面的範例就是因為在 localText 的 scope 外存取 localText ，所以發生了錯誤。 12... -
[JavaScript] Hoisting 為什麼在宣告前就可以使用？
前言如果在學習 JavaScript 之前學習過其他程式語言，應該都會發現 JavaScript 跟其他程式語言的其中一個不同之處：變數和 function 可以在宣告之前使用。 JavaScript 的 Hoisting 讓我可以在變數和 func... -
[LeetCode] 13. Roman to Integer
題目有點長，簡單來說就是要把羅馬符號數字轉換成阿拉伯數字。解題過程 羅馬數字有一個特徵：1.當羅馬符號的數值呈現降冪時，只要把每個羅馬符號數值加總就是答案。 -
[LeetCode] 856. Score of Parentheses 刷題筆記
題目會給一個有效的括號字串，代表不會出現`)(`或是`(()`這種左右不對等的括號，而我們要將括號依照題目的規則轉換成分數。 -
[LeetCode] 946. Validate Stack Sequences 刷題筆記
題目會給一個 pushed 的數值陣列和一個 popped 的數值陣列。我們需要驗證這兩個陣列是否順序的 push 和 pop 同一個 Stack。 -
[LeetCode] 198. House Robber 刷題筆記
題目LeetCode 連結：https://leetcode.com/problems/house-robber/ You are a professional robber planning to rob houses along a street... -
[CSS] Box Model 盒子模型
Box Model 是 CSS 很重要的一個基礎觀念。什麼是 Box Model？每個 HTML 元素可以說是都一個盒子，這個盒子由四個構造組成的，由內而外分別是： Content ( 內容 )、Padding ( 內邊距 )、Border ( 邊框 ) 和 Margin ( 外邊距 )。Content：顯示文字和圖像的區域。Padding：Content 和 Border 之間的填充區域。Borde...