作業 hw3, hw4 玩得很開心。
青蛙 flex 小遊戲其實以前玩過不少次,但都沒有記到腦子裡,就真的只是在玩而已哈哈哈哈
想說作業 hw2 不要用 float,試試看全部都用 flex 排,所以搞了一整天在研究 flex 的所有屬性。
有些屬性其實還滿複雜的,尤其是子元素的 flex-grow
, flex-shrink
, flex-basis
,為了搞懂花上不少時間,功能真的很強大。
下午看到一個設計師的簡報 - How can I make this Fucking layout? 介紹 flex 改善了哪些以前的排版問題,內容蠻有趣的。
例如談到 inline-block
的 White Space 空白問題
「 Oh god, why? 」
( 發現標題可以用 Emoji 非常興奮!不過很有可能在其他電腦變亂碼,但…管他的 )
寫這題目還真是把位元運算的章節完整的複習過一遍,中間一直想還能怎麼改寫,滿好玩的!
( 不過如果卡關卡到死,心得可能只會剩下很討厭 )
大部分的內容都有模糊印象,還是有些沒聽過的屬性,CSS 不難但擅長激怒人。
position: sticky
border
三角形
outline
word-break
、white-space
text-overflow: ellipsis
overflow:hidden
, white-space:no-wrap
animation
( 課程沒提到,但想說複習一下 )
flex
版面很單純,滿快就可以切完,但因為很久沒切,很多東西都想不起來,還是要邊查資料才行。 做完基本款要美化,時間小偷就開始發威了。 As always,找圖、想標題、想假文都會花很多時間,以結果來說沒啥用,畢竟就只是 demo,但為了做得開心,我願意騙自己還是值得的啦哈哈哈哈
最後因應昨天慢半拍、忘記慶祝台灣重要的日子,做了個婚姻平權版本!但因為也不喜歡花俏的版面,所以其實也只改了一些簡單的樣式。
總體來說,切順眼的版就不會太痛苦,所以看到挑戰題 Hacker News 的頁面,滿滿的心懷抗拒 …
看完第二期的切版影片後,發現跟自己的習慣有挺大的出入,以前寫 CSS 的習慣是父層用比較具體的 class 包起來,裡面子元素就直接跟在父層標籤上,除非特別需要,不然不會每一個元素都一定要有 class-name。
影片是用 BEM 方式命名,本來要直接回頭改 hw1,但想想還是留著好了,等到寫 hw2 再換方法,舊習慣還是拿來參考,有比較才會知道問題出在哪。
決定花半小時測試用紙筆寫的程式,大致解出來、真是感動不已。
紙上練習大致上都對,但還是有些小地方沒注意到,例如最後的 進位 加 1 又忘記、迴圈還是用到 +
號,明天再來想辦法!
有一心得是,其實過了 2 天,已經沒辦法很快速的看懂自己寫的程式,註解真的很重要,不然就是自己寫法太瞎、不好回想這段的用意是什麼,不管原因是什麼,連自己都還要重新思考的話很難跟別人解釋啊!
成長為不用靠猜測哪裡又有 bug、測試一次過的耀眼工程師。
( 回家好晚了,趕在 12 點前咻咻咻寫完的任務失敗 )
因為恆春沒電影院,今天終於很落拍的看了復聯 4,買票時整個嚇瘋,櫃檯跟我說 300,靠腰都已經挑了一間看起來像鬼屋的電影院怎麼還這麼貴,結果是兩人 300 塊。
乾好便宜喔,雖然椅子上的布很破爛還有不明污漬,但票價非常有競爭力,而且影廳意外大、加上陰森的外表導致完全沒其他觀眾,包場超爽的啊啊啊啊,可以當自家客廳邊看邊聊天邊亂換位置,臉盲的我非常需要隊友講解:「 這誰?現在發生什麼事? 」
以免被系統偵測成廢文( 愛當真 )
CSS 權重講得好好,以前為了弄懂搞滿久的,課程講的簡單易懂。還有用 !important
的債都會在未來討回來,沒事真的不要用啊!
~
、+
、>
很煩、永遠背不起來的三個關係選擇器,明明之前工作很常用到,但就是一直看小抄、一直忘記、再看小抄再忘記,是什麼神奇的魔力一直被腦袋排斥呢?
結束假期,Friday blue
今天去了一直肖想的機場附設觀景台。
飛機倒車(機)入庫的方式很神奇,是工程車在前面推欸,好想開看看工程車。
像玩具的小車跟著地上畫好的白線行進、工作人員在原地目送著飛機邊揮手直到離開,眼前畫面療癒感十足,彌補了飛機起降根本沒幾台的遺憾。
還有望遠鏡可以滿足偷窺慾,雖然想捕捉工作人員偷懶瞬間的計畫失敗,但還是很喜歡這裡,完全可以坐上一整天,是個善甲郎去不起機場咖啡的好地方。
在機場觀景台算題有種又愜意又上進的感覺,位元運算一開始方向搞錯,寫了滿滿兩面 A4 才發現方向搞錯了,找出來的規律沒半點卵用,但最後發現規則的那一刻很開心,設法將想法寫成程式碼,沒有電腦可以除錯跟驗證,所以必須檢視的更嚴謹才行,期待回去輸入編輯器的那一刻!
因為臨時決定多留一天,良心不安的趕了進度,睡前看 FE101 到 33%,還好都是沒忘掉的基礎,希望明天可以再補一些!
騎了快四個小時的車到高雄,累死。
有趣的是一路上的變化,大海、洋蔥田、香蕉田、芒果園、工業區。
睡前解了一題,偷吃步的跟男友討論想法,我只會用很蠢但我可以理解的方式,他則是舉了國中數學的方程式解給我看,但最後我還是想要用簡單思考寫,畢竟公式我大概隔天就忘了QQ
算了回去都寫看看當作練習,總之希望之後有 AC 拿!
明天要去高雄玩三天,希望能夠爽爽玩,計畫帶著紙筆解看似比較難的題目。 啊超討厭手機打字,所以假期能否更新學習報告還是個謎。
Written on May 13th, 2019 by Yakim shu