mentor-program-day42

獻給 Carousel 的一天。

進度

今天做了第七週的挑戰題:

carousel

本來只打算做出基本功能就收手,但後來想支援 RWD 又加了一點東西;寫完 RWD 後又發現能在利用 JavaScript 來讓東西變成動態產生;直到最後想說:

「啊!既然都寫到這裡了,倒不如寫成一個模組?畢竟 Carousel 這東西還蠻常見的」

所以就真的寫成一個很「陽春版」的 小套件 了。

學到的事情

把大問題拆成小問題

這句話對我來說一直都都很經典也很實用,從一開始切 Carousel 的版面,接著寫 JavaScript 來控制幻燈片,我都是一步一步來,因為我自認我的腦容量很小。不要求一開始就設想全局,只求先把東西做出來,之後再慢慢優化。

以前看到霹靂啪啦一大堆的程式碼就會腦袋很混亂。但如同 Huli 所說,其實只要好好去做到「命名」跟「排版」就能改善這個問題。雖然有時候還是會多到眼花瞭亂啦,但覺得現在自己不再那麼害怕「程式碼好亂好雜」這件事了。

當你要的功能越多,或是 CSS 規則越多,程式碼就一定也會相對增加。你不可能永遠期望程式碼看起來很乾淨,而是你要學會怎從一大堆程式碼中抓出重點。

這一點是我覺得自己學到最重要的事情。

今天也學到怎麼用原生 JavaScript 來寫幻燈片的動畫,以前我都只會用 jQuery 寫好的 function(.animate) 來做,但今天做完才發現「疑?其實沒那麼複雜啊」,一個蠻有意思的小插曲。

另外也很開心第一次寫出了「模組」,雖然絕對比不上網路上各種有名的 Carousel 套件,但能自己做出東西來的感覺很棒,很開心。

題外話

希望這世上愛秀優越的人少一些,不喜歡那些自己產生優越感就去攻擊別人的人,差勁。

期許

希望明天可以把 week7 檢討完後,開始 week8 的進度。

DOM 之在動畫結束後做某件事 await 的等待機制跟我想的不太一樣
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×