aszx87410 / frontend-intermediate-course

It's a free online course about some frontend tech including Ajax, CORS, gulp, webpack and so on.
266 stars 88 forks source link

[作業] 繳交 hw6 #95

Closed lucreciaLin closed 7 years ago

lucreciaLin commented 7 years ago

slack 帳號

lucrelin

哪一個作業

返璞歸真:vanilla js 作業 Github 連結

https://github.com/lucreciaLin/frontend-intermediate-course/tree/master/answers/hw6

作業 Github Page 連結

https://lucreciaLin.github.io/frontend-intermediate-course/answers/hw6/

其他補充說明

因為一開始作業就使用原生JS寫, 所以這次hw6自己定位是盡可能將ES5轉成ES6...

aszx87410 commented 7 years ago
2017-05-21 7 28 32

如果之前都是用原生 JS 的話,這次作業基本上都沒問題 不過我突然發現在頻道數目不是三的倍數的時候排版會有點問題,可以修一下

lucreciaLin commented 7 years ago

因為做完hw7才看到這封信>"< 所以直接修改在hw7, 而沒在hw6改...

因為要3的倍數排版才不會跑掉, 所以把limit = 21 (和原先作業設定的limit=20不一致), 因為先改magicNum =21後, 發現多一個空白無資料格子, 所以後來把limit = 21後, 就沒有空白格子,

想說不知道這樣會不會不符合當初作業設定...?(因目前馬上想到最快解法是這個QQ...) 謝謝你

aszx87410 commented 7 years ago

會XD 如果要三的倍數排版才不會跑掉的話,那就是版面沒有設計好了 有時間的話可以看一下要怎麼解決這個問題

lucreciaLin commented 7 years ago

好的 那就是我修錯, 之前誤以為要修js...

在作業8我改成修改css部分, 修成: .row{margin:0 25px 1.3em; text-align:left;} (p.s. margin中25px是我計算版面後的結果XD) 而index.js中的magicNum和API中的limit都改回20了

下兩個圖是我修改後版面會出現的樣子, 想說能請你方便確認是否這次修改結果是對的,謝謝你:

2017-06-04 5 47 32 2017-06-04 5 58 57