flex佈局大全 2019

 

 

 

有句話叫作：存在便是合理。

 

最近很喜歡flex佈局模式，不過還在摸索中，這裏正一邊在項目中使用和總結，也在學習一些大牛們總結的東西和佈局思考。

 

鑑於本身很苦惱，處處去ha資料，真的，就沒有一個系統的，也沒有幾個能夠本身試着寫寫的界面，其實國內仍是比較藏珍，看看碼雲上就知道了，一搜索基本沒什麼開源項目（好比搜flex佈局 demo），在github上面卻是有，就是沒遇到合適的。

 

仔細想來寫前端靜態界面，大致上是能夠公用的嘛，爲啥總是要重複造輪子了。包括我本身寫的界面，靜態界面出來了，而後又去掉，改爲動態的，問題就出在這裏了，應該把經常使用的靜態界面提取出來，或者放到一個開源的項目裏面，你們有需求了，本身改改，基本就能夠直接使用了。

（好比用flex來寫：
1.上 中 下三欄， 底部和頂部固定
2.九宮格效果
3.左邊一張商品圖片，而後右邊放商品屬性（三排屬性，和圖片等高）
4.左邊一張商品圖片，而後右邊放商品屬性，最右邊放一些標識
5.左邊一張圖片，右邊兩行文字，等高顯示。）表示本身是常常寫，也常常忘，老是在糾結用那種佈局方式寫達到的效果最好（歡迎你們留言討論一下，真的手機端界面不少的嘛）。

 

作項目的時候總想着，有git管理工具，之後須要了，直接檢出對應的分支就好了，可是時間久了，鬼知道你須要檢出哪一個分支，我就屬於這樣的狀況。不是我過於粗心，主要有時五六個項目切換，你不暈都是假的，每每一個項目週期短則半月長則幾個月。

 

因此鑑於上述狀況，首先開了一個專題，單獨收集整理相關的佈局效果，第二步，須要把相應的文章或者連接整理到這個專題裏面，第三步，在github或者碼雲上面創建一個項目，（話說一個項目如何分享到兩個倉庫呢？鑑於國內網絡問題，仍是放到碼雲上面比較好一點）第four步，把遇到的佈局和問題歸類拆解出來（這個比較費時間），獨立成一個個小工具，小組件。

 

另外就是，關於字體文件，爲何html不能直接如同H標籤同樣聲明呢？好比font12 表示 font-size：12px的大小的字體。這樣就不須要前端本身定義一套字體大小庫了，另外還得一套粗體，一套500的。

 

 

參考地址1：http://www.javashuo.com/article/p-vktoyizp-cd.html