年前有朋友推薦我Flexbox Froggy 青蛙游戲學習flex . 一直沒有玩。
然后一直覺得flex是個新鮮前沿的東西，可能會比較難。
現在我開始第二遍玩這個游戲，sense point 如下：
- 第一關，使用justify-content屬性，將青蛙移動到右側。我習慣性的屬性輸入 right 。 不對。然后更正為flex-end。
第二次玩，也是這個習慣。這讓我意識到，自己已有的認知給了我思維的慣性。 - center屬性，跟以前的習慣是一樣的。
- space-around 和 space-between, 我對這兩個屬性的第一意象，跟實際是相反的。我的意象之中，between要比around更和諧，而我認為間隔分布在兩側更和諧。多使用一下around就能感覺around更和諧了。
- 第五關，align-items。第一次玩這一關時，是直到align-item在意念中的感覺的。但玩完24關之后，這個意念中的感覺和align-content混淆了。所以呢，align-items 應該是什么感覺呢？應該是先在意念之中部署主軸上的justify-content，有了主軸之后，才知道如何使用align-items操作側軸。
- 第六關，同時使用justify-content和align-items,就不覺得混淆了..
- 第七關，又練習了一下同時使用這兩個屬性，覺得這對厘清這兩個屬性的使用方法挺棒的。但第一次過關的時候沒有這么清楚的認識。
- 第八關，到了direction 的 reverse屬性值了。 這一關，是要在臆想世界里增加一個鏡像世界，空間想象腦力負荷瞬間翻倍，自動選擇笨方法，如果不是想要的就加個reverse試一下。
- flex-direction，不帶reverse時，row，column的默認方向跟第一次學習數學座標系的x、y軸方向不一致，但跟文檔（document的event.x、y）的默認方向一直。
- 第十一關，看到頁面中的提示，當flex以列為方向時，justify-content的控制方向變化。深以為這樣的認知方法不正確，腦海中以主軸側軸為基準，使用direction變化主軸側軸之時，控制方向依然和基準一致。但是，就初學時刻，頁面之中的提示是最有效的啟發方式了。我想說這種認知方式增加了一層轉換的邏輯，是冗余的。
- 十二關，要用到我在意念上不習慣的space-between了。
- 十三關，放松心情，看一眼，腦海里一次性選好屬性和值，不需要試一下是不是reverse了。相比第一次心里有底多了。
- 十四關，order沒難度。第一次玩的時候使用0，都達不到自己的預期，然后想到了-1。覺得蠻自然的。第二次過關，能觀察到熟練度高。
- 十六關，使用到了align-self。第二次過關，我意識到，align-self雖然和align-items的屬性值一致。但是，它所在的元素有區別。align-items寫在父元素下與display:flex在一級。 而align-self寫在子元素下，用來覆蓋從父元素那兒得到的設定。
- 十七關，我信誓旦旦的要做這一關。這一關需要用到order。而我沒有想到。按照以前沒有flex的情況，次序不同，強行差別float left\right就可以了。下次我要記得使用order。
- 十八關，我使用flex-wrap:wrap，竟然看走了眼。還自己加上了flex-flow:row wrap。精神總是有混沌的時候。
- 二十一關，align-content，待我沉思一下。這個跟align-items在控制的邏輯上類似。然后，這個跟第十六關align-self找到的區別類似，同樣寫在父元素上，但是控制的層級為父子兩級。通過寫
align-content:stretch; align-items: center | flex-end;能夠察覺出來變化。在意識上的認知更加具體。 - 二十三關，我嘗試使用‘一次選擇’的方式設定屬性值。然后發現了一個屬性覆蓋：使用flex-wrap:wrap;之后，再寫不完整的flex-flow:row；會覆蓋掉wrap，為nowrap。每個瀏覽器是否表現一致。以后再測。然后，我想要使青蛙往中間靠。操作多個子item往中間靠的，使用justify-content完成過。這兒軸基準變化了。應該用align了，但是align-items應該不行，試一下，跟上一關認識到的align-content，align-item區別一致。所以，這兒用align-content一定能夠解決問題。但我知道，我大腦里神經元細胞還沒有建立對應的連接。那么等以后使用的時候，再進行建立吧。
- 二十四關。最后一關。嘗試一次完成。讓思路連貫起來，非常自然的使用flex-flow組合屬性。看到往兩邊撇，這兒一定用到了space-between，而且還是用content設定的。然后，水平上居中，那么用到了center。最后，主軸方向的reverse疏忽了。調過來。OK，大腦能夠同時處理的信息流有限，再一次通關，覺得很順暢。
斷斷續續完成本篇記錄，覺得Catch到了東西。
我感覺應該寫一篇博客。沒有題材。
然后我就寫了本篇。這應該是‘意識流’風格的。
