這是一篇快速介紹**未來布局的文章。
css grid 布局
grid 布局是**設計的基礎，css grid 是建立網格布局最強大和最簡單的工具。
css grid 今年也獲得了主流瀏覽器（safari，chrome，firefox，edge）的原生支援，所以我相信所有的前端開發人員都必須在不久的將來學習這項技術。
在本文中，我將盡可能快速地介紹css網格的基本知識。我會把你不應該關心的一切都忽略掉了，只是為了讓你了解最基礎的知識。
你的第乙個 grid 布局23
456
display: grid;}
但是，這還沒有做任何事情，因為我們沒有定義我們希望的 grid(網格) 是怎樣的。它會簡單地將6個 div 堆疊在一起。
columns(列) 和 rows(行)
為了使其成為二維的網格容器，我們需要定義列和行。讓我們建立3列和2行。我們將使用grid-template-row和grid-template-column屬性。
display: grid;
grid-template-columns: 100px 100px 100px;
grid-template-rows: 50px 50px;}
正如你所看到的，我們為 grid-template-columns 寫入了 3 個值，這樣我們就會得到 3 列。 我們想要得到 2 行，因此我們為 grid-template-rows 指定了2個值。
這些值決定了我們希望我們的列有多寬（ 100px ），以及我們希望行數是多高（ 50px ）。 結果如下：
為了確保你能正確理解這些值與網格外觀之間的關係，請看一下這個例子。
感謝分享
10分鐘學會flex布局
彈性盒子由容器和子元素組成。容器 flex container 通過設定 display 屬性的值為 flex 或 inline flex將其定義為彈性容器。子元素 flex item 容器中的每個單元稱為子元素 容器中存在兩條多軸 主軸 預設水平方向 和側軸 預設垂直方向 row 預設值 橫向布局...
5分鐘學會mybatis 批量更新
點滴記載，點滴進步，願自己更上一層樓。上節 了批量新增資料，這節 批量更新資料兩種寫法的效率問題。實現方式有兩種，一種用for迴圈通過迴圈傳過來的引數集合，迴圈出n條sql，另一種 用mysql的case when 條件判斷變相的進行批量更新 下面進行實現。注意第一種方法要想成功，需要在db鏈結ur...
5分鐘學會使用gitlab
1.新建專案 首先你得有個gitlab賬號以及本地已安裝git.exe，或者有git環境，然後建立乙個專案project，右上角有個加號按鈕，用來新建專案 git在上傳專案方面非常友好，建專案的時候你可以選擇從別的地方匯入你之前已經寫好的 也可以本地git上傳，新建的專案最好選擇私有private。...