iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 1
0
自我挑戰組

前端新手的心路歷程系列 第 4

Day4 - 我第一次切版時所犯的錯 2

昨天本來想要一次寫完的,
但寫到第一點時,
靈光突然乍現:
"咦?我不是快沒梗了嗎?
怎麼不把這個主題多分幾次寫呢?"
於是就有了今天這個主題。
大家快點誇獎我很聰明吧!

重複的東西不要一直做,大家只會覺得煩(包括自己)

會提這點出來講是因為我在回顧自己的程式碼時,
發現我會重複設定一樣的東西,
而這些是可以一次解決掉的。
例如說現在所有的連結都是一樣的,
我需要拿掉它們的下底線,
並且預設為紅色,
我只要設定成:

a{
    color: red;
    text-decoration: none;
}

即可,
不過當初的我以為每個標籤都要設定一個 class才能去設定裡面的 css,
因此每個連結都有一樣的程式碼,
不僅寫的時候麻煩,
當往後想要修改顏色的時候更是痛苦,
請大家不要像我一樣蠢,拜託了。

在定位的時候先想三秒,讓你人生更美好

這一點其實跟上一點很像,
就是我在切版時並沒有仔細觀察設計稿,
導致沒有發現它們有一些左右推擠的值是一樣的,
因此我都是先設好背景為 position: relative;
然後裡面的元素是用
position: absolute; top: 0; left: 20;
之類的寫法硬釘上去的,
現在回想起來,
還真是佩服自己那時候的耐心啊!


上一篇
Day 3 - 我第一次切版時所犯的錯
下一篇
Day5 - 我第一次切版時所犯的錯 3
系列文
前端新手的心路歷程6

尚未有邦友留言

立即登入留言