首先是問答題:
什麼是標籤語義化?
使標籤有自己的含義。語義化標籤主要有以下幾點好處:
1.在沒有css樣式表時也可以展示出很好的頁面結構。
2.有利於seo(搜尋引擎優化)
3.方便其他裝置(閱讀器等)按語**析渲染頁面。
4.合理的語義化標籤有利於**的維護。
在html中,i/em標籤的區別?b/strong標籤的區別?
從樣式上看,兩組標籤的樣式分別是一樣的。(i/em傾斜,b/strong)。從語義上看,em表示強調,strong表示更強程度的強調。而i/b並沒有語義。僅僅是樣式。
==
和===
有什麼區別?
對於基礎型別比較。==
是值比較,當兩個值型別不同時先會對型別進行隱式轉換,在比較值是否相等。===
會進行型別比較和值比較。比較過程不會進行隱式轉換。效率上講===
的效率要高一點。
如何判斷乙個object是陣列型別。
使用constructor屬性。返回建立此物件的建構函式。
注意 比較時比較的不是字串'array'
cookie,localstorage,sessionstorage有什麼區別?
首先生命週期不同。cookie是可以設定生命週期的,如果不設定則預設關閉瀏覽器就結束。localstorage需要手動銷毀。sessionstorage在關閉標籤頁後銷毀。
第二儲存大小不同。cookie一般在4k左右。html5的本地儲存要一般在5m左右(不同瀏覽器有區別)。
第三cookie是建立在與伺服器通訊的基礎上。而後兩者不參與通訊。
css3中的transfrom:translatez(0)有什麼作用?
自己動畫方面的實踐比較少,本以為就是個z軸偏移。回去一查才發現原來這麼設定可以提公升渲染效率。貼個部落格位址吧,不班門弄斧了。css動畫優化(gpu)
行內元素,塊級元素,空元素有什麼區別?
行內元素和塊級元素的主要區別有 1:行尾結束時是否換行。2:塊級元素可以通過width/height設定寬高。而行內元素不可以設定寬高。3:行內元素的margin只有水平方向有效。二者可以通過display屬性進行轉換。
行內元素有:span、img、a、lable、input、abbr等;
塊級元素有:div、p、h1~h6、ul、header、section、aside、footer等;
那麼,乙個問題來了。為什麼img\input等標籤是行內元素卻可以設定寬高呢。因為這些標籤同時也是置換元素,置換元素是可以設定寬高的。
空元素是指沒有內容的 html 元素被稱為空元素。例如換行標籤
;哪些值會在轉換時轉換成false;
程式設計題邏輯符判斷,以下輸出結果
console.log(1 || 2);
console.log(0 || 2);
console.log(0 || false);
console.log(0 && 2);
console.log(-1 && 2);
console.log(-1 && false);
答案是:
總結來說就是
「||」 邏輯或前的結果如果是true 那麼無論後面是true還是false統統顯示前面的結果(後面被短路掉了)。如果邏輯或前是false,那麼無論後面的是true還是false,都顯示後面的結果。
「&&」邏輯與。如果邏輯與前面的結果是true,無論後面是true還是false,都顯示後面的結果;如果邏輯與前面的結果是false,無論後面是true還是false,都顯示前面的結果(同樣短路);
以下**會輸出什麼
var a = "ssss";
var test = )()}};
test.b();
輸出結果是:
this指向問題,如果最外層沒有定義a變數,那麼閉包內的this.a應該是undefined.
同樣的還有這道:
var s = 24;
;(function()
var obj =
} obj.metnod(fn);
})();
輸出結果是24,也就是window物件下的s的值。 2023年前端面試題
時間過的也蠻快,今年迎來了第一次面試前端,其實我很緊張,第一次面試,下面是面試題,希望對今年找工作的你有所幫助。1 空間複雜度和時間複雜度 空間複雜度 s n o f n 時間複雜度 1,log2n,n,n 2,n 3,logn 2 2 http協議的狀態碼及其表達的意思 狀態碼 1xx 提示資訊,...
2018前端面試題總結
1.對深拷貝的理解,如何進行深拷貝 2.專案中使用的壓縮工具 3.預載入是怎麼實現的,是前台實現還是後台 4.打包工具 5.開發中,怎麼相容es6新語法 6.事件委託的理解 7.閉包都什麼時候用到 a.匿名自執行函式 b.封裝 c.實現類和繼承 8.陣列去重都哪些方法,es6裡有乙個方法 9.怎麼繼...
2023年前端面試題 更新中
1.margin 0 auto 水平 2.text align center 水平 3.行高,垂直 4.center,middle 水平垂直 5.display table cell 模擬 all 6.絕對定位,50 減自身寬高 7.絕對定位,上下左右全0,margin auto 8.絕對定位加相對...