記錄最近的一些遇到的前端面試題

2021-09-18 00:01:16 字數 1767 閱讀 8214

html部分:

1.問:doctype是什麼。

答:檢視w3school的詳細解釋 sgml)

2.問:有哪些行內元素、有哪些塊級元素。margin屬性是否對行內元素有所作用。

答:塊級元素常用的有:等; 行內元素: 等。行內元素左右margin可用,上下margin會讓整行移動。

3.問:html5中input的新型別。

答:color, date, email, number, range, search, tel, url。

4.問:disabled與readonly的區別。

答:readonly只針對input(text / password)和textarea有效,而disabled對於所有的表單元素都有效,包括select, radio, checkbox, button等。表單元素在使用了disabled後,當我們將表單以post或get的方式提交的話,這個元素的值不會被傳遞出去,而readonly會將該值傳遞出去。詳細解釋:

css部分:

1.問:css有哪些偽類、偽元素。

答:偽類(:) -> link, visited, hover, active(按照這個順序), first-child, nth-child(x), lang;

偽元素(::) -> first-letter, first-line, after, before。

2.問:如何深度解釋盒模型。

2.問:有關js的事件流模型。

答:「dom事件流」:三個階段:事件捕捉,目標階段,事件冒泡。

「事件冒泡」:事件開始由最具體的元素接受,然後逐級向上傳播

「事件捕捉」:事件由最不具體的節點先接收,然後逐級向下,一直到最具體的

jquery部分:

1.問:jquery的事件繫結方式bind, live, delegate, on。

答:用.bind()的代價是非常大的,它會把相同的乙個事件處理程式hook到所有匹配的dom元素上;不要再用.live()了,它已經不再被推薦了,而且還有許多問題;.delegate()會提供很好的方法來提高效率,同時我們可以新增一事件處理方法到動態新增的元素上;我們可以用.on()來代替上述的3種方法。詳細解釋見

2.問:如何終止ajax請求。

答:xmlhttprequest物件的abort方法。

js演算法題彙總:

var a;

alert(typeof a);

alert(b);

var undefined;

undefined == null;

1 == true;

2 == true;

0 == false;

0 == '';

nan == nan;

== false;

== !;

var foo = "11"+2-"1";

console.log(foo);

console.log(typeof foo);

var a = new object();

a.value = 1;

b = a;

b.value = 2;

alert(a.value);

var foo = 1;

function()

for(var i=1;i<=3;i++),0);  

};

記錄一些有意思的前端面試題

1 乘積函式 function mul array.prototype let argus slice.call arguments,0 let returnfn function returnfn.valueof function returnfn.tostring null return ret...

前端面試題 (一)

此處省略一萬個字表達我的心情.通常當滑鼠滑動到元素上的時候顯示 alt是 get方法 傳送乙個請求來取得伺服器上的某一資源 post方法 向url指定的資源提交資料或附加新的資料 put方法 跟post方法很像,也是想伺服器提交資料。但是,它們之間有不同。put指定了資源在伺服器上的位置,而post...

前端面試題(一)

部落格說明 1 請你講一下js監聽物件屬性的改變具體是怎麼實現的,它們各自有什麼特點?object.defineproperty user,name 缺點 如果id不在user物件中,則不能監聽id的變化 var user new proxy 這樣即使有屬性在user中不存在,通過user.id來定...