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

HTML部分：
1.問：DOCTYPE是什麼。
答：查看w3school的詳細解釋http://www.w3school.com.cn/ta...：DTD, SGML)

2.問：有哪些行內元素、有哪些塊級元素。margin屬性是否對行內元素有所做用。
答：塊級元素經常使用的有：<div><p><h1><ul>等; 行內元素: <a><i><span><input><select><button>等。行內元素左右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會將該值傳遞出去。詳細解釋：http://www.nowamagic.net/html...

---

CSS部分：
1.問：CSS有哪些僞類、僞元素。
答：僞類(:) -> link, visited, hover, active（按照這個順序）, first-child, nth-child(x), lang;
僞元素(::) -> first-letter, first-line, after, before。

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

---

JS部分：
1.問：JavaScript的數據類型有哪些。
答：JavaScript中的變量分爲兩種，原始值和引用值。原始值指的是原始數據類型的值，好比undefined, null, number, string, boolean類型所表示的值。引用值指的是複合數據類型的值，即Object,Function,Array等。原文連接在此https://segmentfault.com/a/11...

2.問：有關JS的事件流模型。
答：「DOM事件流」：三個階段：事件捕捉，目標階段，事件冒泡。
「事件冒泡」：事件開始由最具體的元素接受，而後逐級向上傳播
「事件捕捉」：事件由最不具體的節點先接收，而後逐級向下，一直到最具體的

---

jQuery部分：
1.問：jQuery的事件綁定方式bind, live, delegate, on。
答：用.bind()的代價是很是大的，它會把相同的一個事件處理程序hook到全部匹配的DOM元素上；不要再用.live()了，它已經再也不被推薦了，並且還有許多問題；.delegate()會提供很好的方法來提升效率，同時咱們能夠添加一事件處理方法到動態添加的元素上；咱們能夠用.on()來代替上述的3種方法。詳細解釋見http://blog.csdn.net/panfang/...

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(){
    console.log(foo);
    var foo = 2;
    console.log(foo);
}

for(var i=1;i<=3;i++){
  setTimeout(function(){
      console.log(i);    
  },0);  
};