Posted on | In

報名原因

在參加直播班前，我一個人矇懞懂懂的學習了 vue 一陣子;
而報名資訊出來時，心裡有一個不踏實的聲音一直鼓譟著，一方面可以跟一群人一起重新複習、學習 Vue 的知識，一方面也期許自己能做出一個小作品。

Read more »

Posted on | In

一直以來六角學院吸引我的地方是 - 有人會針對你的程式給予建議

報名原因

在第一梯次直播班消息釋出時，礙於當時的空閒時間實在太瑣碎，所以只好默默在心中壓了一個PASS；然而在第二梯次釋出消息時，檢視了當時的生活狀況，決定按下送出，進入了這場旅程

Read more »

Posted on | In

小知識

  • 設計師用 1920px開版，只是想要模擬滿版，並非container 是1920
  • 常見container 大小：1400、 1200、 1280
  • 肉眼一次看到的文字大概落在25 - 40字
  • flex 小撇步
    • 適合不規則：改變 flex-direction: row ⇒ column
    • 有固定規則：wrap 搭配 %
  • % 是看父層級的寬度，也就是上一層的寬度當基準
Read more »

Posted on | In

flex宇宙會有「外容器」container 及「內元件」items，以及軸線概念、對齊方法概念

Flex 外層屬性 (container)

  • 實現Flex排版或內元件要有效果的關鍵：外容器加上display: flex \ display: inline-flex
  • 每個 HTML 標籤，能同時擁有內元件跟外容器身份
  • 如果沒有做特定的設定，內部元件會依據外容器去做比例上的調整
  • 每一個item預設相等高度

軸線 Axes

分成「主軸」main axis、「交錯軸」cross axis

Read more »