display none, visibility hidden 差異
display 會將 DOM 移除,執行時會造成版面位移;visibility 則是隱藏元素不會將其移除。詳情網路上都有答案。
CSS 垂直置中的方法
針對 margin, flex, grid, position, line-height 等方式進行解說。詳情網路上都有答案。
用熟悉的方法印出1~9的數字、其rotate 的 function
[1, 2, 3, 4, 5, 6, 7, 8, 9] 印成 3 x 3,簡單的 CSS 應該不難。然後要寫一則 rotate function 則是每執行一次都會將數字往後移一位,最後一位遞補到 index 0 的位置,也就是執行一次:[9, 1, 2, 3, 4, 5, 6, 7, 8],執行二次: [8, 9, 1, 2, 3, 4, 5, 6, 7]。暴力解法就是用 array.pop() 取得最後移除的數字,然後再 array.unshift() 到第一位。