前端知識點總結(四)

2021-08-02 13:05:20 字數 628 閱讀 7684

css篇

5.visiility中有個collapse屬性的作用?

用在**中,隱藏一行或一列,並會釋放空間,chrome除外。

6.出現浮動的原因,怎麼清除浮動?

乙個盒模型設定類浮動,導致父級物件不能被撐開,這樣就產生類浮動,需要清除浮動。

清除浮動方法:

計算子容器高度;新增clear:both;父級:overflow:hidden;父級:after

7.css 優化、提高效能的方法?

載入效能:壓縮,精簡css**,書寫規則規範

渲染效能:陰影,鋸齒,動畫

9.設定元素浮動後,該元素的 display 值是多少?

設定元素浮動以後,該元素為塊級元素,display值為display:block;

10.什麼是 css 預處理器?

css預處理器提供 css 缺失的樣式層復用機制、減少冗餘**,提高樣式**的可維護性。less和sass兩個常用的預處理器,編譯scss和less**,能夠寫變數,函式,迴圈等,具有很方便的 ui 元件模組 化開發能力,極大的提高工作效率。

前端開發知識點總結

很多時候我們會有下面的場景,如下圖中所顯示的那樣。點選1區域 從圖上看1區域包含2區域 和2區域跳轉不同的鏈結。正常的 結構應該是 但是上面的 瀏覽器的編譯結果是下面這樣 很明顯可以發現,瀏覽器的渲染結果並不是我們想要的結果。那麼是為什麼呢?根據 w3c 規範,a 標籤是不是巢狀 a 標籤的。如果出...

前端知識點階段總結

1.不同解析度動態賦值 if window.innerwidth 1440 else dialogwidth 2.table批量刪除選中行 let rows this.refs.tablerefname.getselectallrows let ids rows.foreach item ids.p...

web前端知識點小結 (四)

a 寬度為明確值 margin left和marginright同時為auto b 寬度不確定 position absolute left 50 margin top x 其中x 100 元素高度佔據容器的比例 2 或者position absolute top 50 margin top 元素高...