flex知識點歸納

flex基本用法是給父容器設定： display: flex;

參考：那麼它下面的所有子元素，自動成為flex的item項。

flex-flow是flex-direction和flex-wrap的簡寫。

flex-flow: row/row-reverse/column/column-reverse   nowarp（不換行）/wrap（換行）/wrap-reverse;

實際情況中可能碰到的應用如下： 

"en

">class="
parent
">
class="
item item1
">
class="
item item1
">
class="
item item2
">
class="
item item2
">
class="
item item2
">
class="
item item3
">

分析： 最外層容器500；每個子容器120；則子容器總長600；box收縮比例為1，box1的收縮比例為2；則所有子元素的總收縮比為7；

則，box的收縮長度為原廠的1/7；剩餘長度為原來的6/7；即120*（6/7）；box1為（120*（5/7））

參考：1)flex: auto;---->flex: 1 1 auto;

相當於：flex-grow:1;flex-shrink:1;flex-basis:auto

2)flex: none --->flex: 0 0 auto;

3)flex: initial --->flex: 0 1 auto;

4)flex: 正數(無單位) -->flex:  1 0;

5)flex: 正數(有單位) --> flex: 1 1 有單位正數；

6)flex: 正數 無單位正數 --> flex:正數 無單位正數 0;

7)flex: 正數 有單位正數 --> flex: 正數 1 有單位正數；

實際應用：

1）如果想要乙個容器中的所有子元素寬度均分。

可以在子元素使用flex: 1;

2）如果乙個容器中有n個子元素，想要每行有m個元素均分，可以對子元素使用： flex: 0 0 1/m;

集合知識點歸納

集合 定義 長度可變的 儲存物件的容器 特點 長度可變，只能用來儲存引用型變數 list介面 有序的，允許重複的 實現類 arraylist 底層維護陣列，執行緒不安全的，高效的，查詢快，增刪慢 linklist 底層維護鍊錶，能夠模仿佇列結構，增刪快 查詢慢 堆疊特點 先進後出 push 將元素壓...

XSS知識點歸納

xss攻擊指通過html注入篡改網頁，插入惡意的指令碼，當使用者瀏覽網頁的時候，控制瀏覽器。xss攻擊成功後，攻擊者能夠對使用者當前的瀏覽頁面植入惡意指令碼，通過惡意指令碼，控制使用者的瀏覽器，這些完成各種具體功能的惡意指令碼，成為xss payload 實質上就是js指令碼，任何js指令碼能實現的...

flex布局知識點

flexbox 布局最合適小規模布局，而網格布局適合較大規模布局。float,clear,vertical align 在flex中不起作用。flex布局中，有兩類作用于父節點也子節點的樣式，大部分簡單的布局只要把父節點寫好了，子節點是沒有多大問題的。display flex 宣告布局方式 flex...