2023年前端面試題 更新中

2021-10-03 23:56:52 字數 1273 閱讀 4272

1.margin: 0 auto;水平

2.text-align: center;水平

3.行高,垂直

4.**,center,middle;水平垂直

5.display:table-cell;模擬**,all

6.絕對定位,50%減自身寬高

7.絕對定位,上下左右全0,margin:auto

8.絕對定位加相對定位。不需要知道寬高

9.ie6,ie7:給父元素設乙個font-size:高度/1.14,vertical-align:middle

塊格式化上下文, 特性:

使 bfc 內部浮動元素不會到處亂跑;

和浮動元素產生邊界。

當父元素不給高度的時候,內部元素不浮動時會撐開, 而浮動的時候,父元素變成一條線, 造成塌陷.

父元素新增overflow:hidden; (觸發bfc)

使用after偽元素清除浮動(推薦使用)

使用before和after雙偽元素清除浮動

比如antd的row和col, 將一行等分為24份, col是幾就佔幾份, 底層按百分比實現; 

結合**查詢, 可以實現響應式

// 通過設定border

.box

谷歌最小12px, 其他瀏覽器可以更小

通過transform: scale實現

// 父標籤

animation: antrotate 1.2s infinite linear;

// 子標籤

animation: antspin 1s infinite linear;

@keyframe antspin

} @keyframe antrotate

} // animation-delay: 逐個延遲0.4s

/* 針對數字字母不換行問題解決 */

word-break:break-all;

word-wrap:break-word;

style="resize:none" 

//resize屬性值:

both(表示橫向縱向均可拉動)

horizontal(表示只有橫向可以拉動)

vertical(表示只有縱向才可以拉動)

none(禁止拉動)

2023年前端面試題

時間過的也蠻快,今年迎來了第一次面試前端,其實我很緊張,第一次面試,下面是面試題,希望對今年找工作的你有所幫助。1 空間複雜度和時間複雜度 空間複雜度 s n o f n 時間複雜度 1,log2n,n,n 2,n 3,logn 2 2 http協議的狀態碼及其表達的意思 狀態碼 1xx 提示資訊,...

2023年前端面試題總結

首先是問答題 什麼是標籤語義化?使標籤有自己的含義。語義化標籤主要有以下幾點好處 1.在沒有css樣式表時也可以展示出很好的頁面結構。2.有利於seo 搜尋引擎優化 3.方便其他裝置 閱讀器等 按語 析渲染頁面。4.合理的語義化標籤有利於 的維護。在html中,i em標籤的區別?b strong標...

2020前端面試題

2020年 疫情影響著經濟,好多企業都裁員了,我所在的公司也不例外。所幸我不是其中之一。但是,金三銀四,即使不想換工作,也要評估一下自己在市場的價值。以下就是我 面試中遇到的一些問題 關於vue 1.vue元件的懶載入的原理?2.vue的元件通訊方式有哪些?3.你對mvvm的原理的理解 4.next...