JS丨基礎考察01丨頁面布局

2021-08-29 12:00:01 字數 1418 閱讀 5326

01. 三欄布局:

01. 各個方案的優缺點

01. float:

優點:相容性好

缺點:脫離文件流:需要處理浮動問題

02. 絕對定位:

優點:快速

缺點:可使用性差,自身及子元素都脫離了文件流

03. flexbox:

優點:css3種為解決float與absolute布局的不足而建立的布局方式;

缺點:相容性,不相容ie8以下

04. table

優點:相容性好,

缺點:三欄的高度會保持一致;

05. grid

優點:**簡化很多,新技術

缺點:02. 高度不設限

01. flexbox || table可以使用

03.    相容性問題

02. 頁面布局的變通:

01. 三欄布局

01. 左右寬度固定, 中間自適應

02. 上下高度固定, 中間自適應

02. 兩欄布局

01. 左寬度固定, 右自適應

01. 右寬度固定, 左自適應

02. 上高度固定, 下自適應

02. 下高度固定, 上自適應

1. 這是三欄布局的內容

2. 這是三欄布局的內容

3. 這是三欄布局的內容

4. 這是三欄布局的內容

5. 這是三欄布局的內容

6. 這是三欄布局的內容

1. 這是三欄布局的內容

2. 這是三欄布局的內容

3. 這是三欄布局的內容

4. 這是三欄布局的內容

5. 這是三欄布局的內容

6. 這是三欄布局的內容

1. 這是三欄布局的內容

2. 這是三欄布局的內容

3. 這是三欄布局的內容

4. 這是三欄布局的內容

5. 這是三欄布局的內容

6. 這是三欄布局的內容

1. 這是三欄布局的內容

2. 這是三欄布局的內容

3. 這是三欄布局的內容

4. 這是三欄布局的內容

5. 這是三欄布局的內容

6. 這是三欄布局的內容

1. 這是三欄布局的內容

2. 這是三欄布局的內容

3. 這是三欄布局的內容

4. 這是三欄布局的內容

5. 這是三欄布局的內容

6. 這是三欄布局的內容

JS基礎丨10 cookie總結

01.cookie 也叫httpcookie 01.是客戶端與伺服器端進行會話使用的乙個能夠在瀏覽器本地化儲存的技術。02.cookie的作用主要是在瀏覽器儲存少量資料,利用cookie我們可以實現一些儲存資料的功能,cookie 要求伺服器對任意http請求傳送set cookie 03.因此,c...

JS基礎丨 13 原型及原型鏈

01.建構函式 01.建構函式的建立 01.普通函式用new關鍵字建立 02.new 建構函式 不佔記憶體 03.建構函式即是類 04.寫在建構函式中的屬性為私有化 05.寫在原型中的屬性與方法為共有的 02.建構函式原型上的屬性及方法 01.字面量建立建構函式的原型屬性及方法 02.構造器指回自身...

JS基礎丨05 陣列的使用方法

01.陣列元素新增 刪除 排序等方法 array.length 陣列的大小 array.push 尾部新增 array.pop 尾部刪除 array.unshift 頭部新增 array.shift 頭部刪除 array.concat 拼接陣列 追加資料,不改變原陣列 array.join 將陣列元...