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); };

總結

以上是生活随笔為你收集整理的记录最近的一些遇到的前端面试题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。