【面試題】未完待續

 

1 HTML,CSS面試題：

 2 請講一下HTML5的特色。
 3 
 4 你知道的語義化的標籤有哪些？
 5 
 6 CSS3新增了哪些特性？
 7 
 8 請講一下CSS3動畫的優勢，你是怎麼使用的？
 9 
10 請講一下聖盃佈局和雙飛翼佈局。你還知道哪些佈局？
11 
12 如何寫寬高自適應的APP？
13 　　答案：請訪問：前端項目自適應屏幕的技巧
14 
15 如何更改input的樣式？
16 　　答案：請訪問：更改input的樣式
17 
18 div+css的佈局較table佈局有什麼優勢？
19 
20 grid佈局有過了解麼？
21 　　答案：CSS新佈局之display: grid;詳細介紹
22 
23 img的alt與title有何異同？strong與em的異同？
24 
25 請描述一下漸進加強與優雅降級。
26 
27 知道什麼是微格式嗎？談談理解。在前端構建中應該考慮微格式麼？
28 
29 一個頁面上有大量的圖片（大型電商網站），加載很慢，你有哪些方法優化這些圖片的加載，給用戶更高的體驗。
30 　　答案：使用精靈圖，將小規格的圖片整合爲一張精靈圖，減小瀏覽器請求次數。
31 
32 CSS有哪些選擇器？
33 　　答案：最全CSS知識整理
34 
35 CSS中能夠經過哪些屬性，使得一個DOM元素不顯示在瀏覽器的可視範圍內？
36 
37 行內元素和塊級元素的區別是什麼？行內元素的padding和margin可設置麼？
38 
39 什麼是外邊距重疊？重疊的結果是什麼？
40 
41 rgba()和opacity的透明效果有什麼不一樣？
42 　　答案：opacity透明子元素會跟着透明（繼承），rgba()的透明子元素則不會繼承。
43 
44 請描述display:none；visibility:hidden；opacity:0;三者的區別；
45 　　答案：最全CSS知識整理
46 
47 超連接訪問事後hover樣式就不出現的問題是什麼？怎麼解決？
48 
49 你知道的css讓元素垂直水平居中的方法有哪些？
50 　　答案：請訪問：元素垂直水平居中的方法
51 
52 如何垂直居中一個浮動元素？
53 　　答案：用定位，計算top與left，能夠用CSS的函數calc()計算。
54 
55 請講一下px，em的區別。
56 　　答案：最全CSS知識整理
57 
58 SASS和LESS是什麼？爲何要使用它們？
59 　　答案：CSS預處理器，經過編程的方式來開發CSS，可實現代碼簡寫與複用等。
60 
61 CSS的link和import的區別是什麼？
62 　　答案：最全CSS知識整理
63 
64 請講一下盒模型。
65 
66 BFC是什麼？
67 
68 html常見兼容性問題。
69 
70 對WEB標準以及W3C的理解與認識。
71 
72 前端頁面有哪三層構成？分別是什麼？做用是什麼？
73 　　答案：結構層(HTML - - 設置頁面的基本結構)、樣式層(CSS - - 修改頁面展現給用戶的樣式加一些小交互)、行爲層(JS - - 使用戶與頁面完美交互)
74 
75 CSS選擇符有哪些？塊級元素有哪些？空元素有哪些？
76 　　答案：最全CSS知識整理
77 
78 CSS選擇符有哪些？哪些屬性能夠繼承？優先級算法如何計算？CSS新增僞類有哪些？
79 　　答案連接同上。
80 
81 請說出position的屬性值有哪些。每一個值的特色做用。
82 　　答案連接同上。
83 
84 position和display、margin、collapse、overflow、float這些特性疊加之後會怎麼樣？
85 
86 瀏覽器標準模式和怪異模式之間的區別是什麼？
87 
88 display的屬性值有哪些？能夠作什麼？
89 　　答案連接：最全CSS知識整理
90 
91 哪些CSS屬性能夠繼承？
92 
93 你開發過程當中遇到過最棘手的html與css問題是什麼？
94 　　參考答案：筆者遇到最棘手的是作左側sidebar導航，具體可看：左側sidebar和總體分開滾動，並在X軸正常顯示二級菜單

 

 

 

JS基礎題：
JS的數據類型有哪些？
答案：請訪問：JS數據類型詳解
如何判斷JS變量的數據類型？
typeof()
instanceof
constructor
toString
Object.prototype.toString
關於最重要的Object.prototype.toString請觀看：https://blog.csdn.net/weixin_43606158/article/details/93380867
typeof求解的可能值有哪些？
「number」
「string」
「boolean」
「undefined」
「object」
「symbol」
「function」
數據類型的自動轉換和隱式轉換你知道哪些？
隱式類型轉換：
1 == ‘1’
‘1’ + 1
‘1’ - 1
顯示類型轉換：
parseInt(str,radix)/parseFloat(str,radix)/Number()轉變成數字。
Boolean(param)轉變成布爾值
subString()轉變成字符串
詳細關於JS數據類型轉換的內容請觀看：一篇文章搞懂JS轉換規則
5. 「 == 」 和 「 === 」 還有 「 != 」 和 「 !== 」的區別？
-    「 == 」 和 「 != 」會作數據隱式類型轉換，轉換完數據類型在作比較。而「 === 」 和 「 !== 」會先判斷數據類型，若是倆者的數據類型不一致直接返回false就不會再去作值的比較了。
6. 講一講「 || 」 和 「 && 」。
答案：請訪問：完全瞭解"||「和」&&"
7. 「 i++ 」 和 「 ++i 」的區別。
i++是先引用i的值然後將i遞增1。
++i是先將i的值加1然後引用它的值。
8. break，renturn，continue三者的區別
答案：return、break與continue的區別
9. 請講一講遞歸。
函數自身調用自身。 詳細請看：遞歸
用遞歸實現遍歷迭代
10. 你知道哪些算法？
答案：請訪問：JS算法小總結
11. 你通常如何調試bug？
答案：請訪問：前端調試bug的方法
12. 數組的經常使用API你知道哪些？
答案：請訪問：數組的經常使用API詳解
13. 請講將數組與僞數組的區別。
答案：請訪問：僞數組是什麼？僞數組與數組的區別
14. 請講講你對面向對象編程的理解。
答案：請訪問：面向對象編程(OOP)的概念
15. 請講講原型鏈。
答案：JS原型知識整理
16. 請講講繼承的方法。
答案：JS繼承的六種方法
17. 請講講JavaScript做用域。
答案：JS做用域與聲名提高
18. 請講講變量的聲明提高
答案：JS做用域與聲名提高
19. 建立對象的方法有哪些？
答案：https://blog.csdn.net/weixin_43606158/article/details/94912023
20. 請講講ECMAScript的內置對象。
答案：https://blog.csdn.net/weixin_43606158/article/details/94912023
21. Array在ES5新增遍歷的API它們每一個的用法，返回值，參數。
答案：數組ES5新增遍歷迭代的方法及其區別
22. 請講講字符串的經常使用API。
23. ES5/ES6新增的哪些東西是你平時開發中經常使用到的？
答案：ES5/6新特性
24. 列舉瀏覽器對象模型BOM裏經常使用的至少四個對象，並列舉window對象的經常使用方法至少五個。
答案：BOM內容的小整理
25. 請講一下你知道的性能優化的方法。
答案：提升JS性能的12個技巧
26. 事件綁定和普通事件有什麼區別？
答案：事件綁定和普通事件的區別
27. IE和其餘瀏覽器事件流的區別。
答案：IE瀏覽器是事件冒泡，其餘瀏覽器是事件捕獲（標準DOM事件流）。
28. IE的標準下有哪些兼容性的寫法？
29. 請講一下this的指向問題。
答案：this的指向
30. 更改this指向的方法有哪些？
答案：更改this指向的方法及其區別
31. 請講一下bind(),call(),apply()三者的區別。
答案連接同上
32. 請講一下JavaScript的閉包。有什麼特色？對頁面有什麼影響？
答案：JS閉包的理解
33. 事件委派/事件委託是什麼？
答案：事件委派的使用及做用
34. 如何阻止事件冒泡和瀏覽器默認事件？
答案：瀏覽器事件默認行爲介紹與阻止的方法
JS事件流介紹與阻止事件冒泡
35. 添加，刪除，替換，插入到某個節點的方法。
DOM知識詳細整理
36. document.load和document.ready的區別。
37. 請講一下JavaScript的同源策略。
答案：JavaScript的同源策略
38. 請說出你知道的跨域的方法有哪些？最經常使用的是哪一個？怎麼使用的？
答案：前端跨域的六種解決方法
39. JavaScript是一門什麼樣的語言？它有哪些特色？
答案：弱類型語言，類型會作隱式轉換，做用域，聲名提高。。。
40. 但願獲取到頁面中全部的checkbox怎麼作？（不使用第三方框架）
答案：方法不少，筆者隨便寫一個朋友們可進行參考：document.getElementsByTagName('input').filter(item => //根據getAttribute('type'))的結果去篩選checkbox
41. 正則表達式構造函數var reg = new RegExp(‘xxx’)與正則表達式字面量var reg = /xxx/有什麼不一樣？
42. JavaScript中callee和caller的做用？
43. 簡述JavaScript的DOM裏document獲取節點的方法，並說出對應做用。
44. 簡述建立函數的幾種方式。
答案：JS函數介紹
45. 把script標籤放在body結束標籤以前和結束標籤以後有什麼區別？瀏覽器會怎麼解析它們？
46. 請描述iframe的優缺點。
47. 請談談cookie的弊端。
48. 請談談localStorage和SessionStorage的區別和特色。
49. JS延遲加載的方式有哪些？
50. 哪些操做會形成內存泄漏？
51. 請說一下JavaScript中的垃圾回收機制。
52. 在js中0.1+0.2等於多少？如何讓它獲得正確答案？
53. 你用過axios麼？
答案：axios的使用
54. async，promise，settimeout的執行順序
答案：一篇文章完全搞懂異步，同步，setTimeout，Promise，async
55. 前端開發這麼久了你知道哪些經常使用的網站？
答案：前端開發應知網站
56. 你寫過哪些前端工具（功能）函數？
答案：前端開發經常使用功能函數總結
57.


————————————————
版權聲明：本文爲CSDN博主「超級吳小迪」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處連接及本聲明。
原文連接：https://blog.csdn.net/weixin_43606158/article/details/89811189

 

 

---

 

 

 

  1 JS基礎題：
  2 JS的數據類型有哪些？
  3　　　 答案：請訪問：JS數據類型詳解
  4 如何判斷JS變量的數據類型？
  5 　　　　typeof()
  6 　　　　instanceof
  7 　　　　constructor
  8 　　　　toString
  9 　　　　Object.prototype.toString
 10 關於最重要的Object.prototype.toString請觀看：https://blog.csdn.net/weixin_43606158/article/details/93380867
 11 typeof求解的可能值有哪些？
 12 「number」
 13 「string」
 14 「boolean」
 15 「undefined」
 16 「object」
 17 「symbol」
 18 「function」
 19 數據類型的自動轉換和隱式轉換你知道哪些？
 20 隱式類型轉換：
 21 1 == ‘1’
 22 ‘1’ + 1
 23 ‘1’ - 1
 24 顯示類型轉換：
 25 parseInt(str,radix)/parseFloat(str,radix)/Number()轉變成數字。
 26 Boolean(param)轉變成布爾值
 27 subString()轉變成字符串
 28 詳細關於JS數據類型轉換的內容請觀看：一篇文章搞懂JS轉換規則
 29 5. 「 == 」 和 「 === 」 還有 「 != 」 和 「 !== 」的區別？
 30 -    「 == 」 和 「 != 」會作數據隱式類型轉換，轉換完數據類型在作比較。而「 === 」 和 「 !== 」會先判斷數據類型，若是倆者的數據類型不一致直接返回false就不會再去作值的比較了。
 31 6. 講一講「 || 」 和 「 && 」。
 32 答案：請訪問：完全瞭解"||「和」&&"
 33 7. 「 i++ 」 和 「 ++i 」的區別。
 34 i++是先引用i的值然後將i遞增1。
 35 ++i是先將i的值加1然後引用它的值。
 36 8. break，renturn，continue三者的區別
 37 答案：return、break與continue的區別
 38 9. 請講一講遞歸。
 39 函數自身調用自身。 詳細請看：遞歸
 40 用遞歸實現遍歷迭代
 41 10. 你知道哪些算法？
 42 答案：請訪問：JS算法小總結
 43 11. 你通常如何調試bug？
 44 答案：請訪問：前端調試bug的方法
 45 12. 數組的經常使用API你知道哪些？
 46 答案：請訪問：數組的經常使用API詳解
 47 13. 請講將數組與僞數組的區別。
 48 答案：請訪問：僞數組是什麼？僞數組與數組的區別
 49 14. 請講講你對面向對象編程的理解。
 50 答案：請訪問：面向對象編程(OOP)的概念
 51 15. 請講講原型鏈。
 52 答案：JS原型知識整理
 53 16. 請講講繼承的方法。
 54 答案：JS繼承的六種方法
 55 17. 請講講JavaScript做用域。
 56 答案：JS做用域與聲名提高
 57 18. 請講講變量的聲明提高
 58 答案：JS做用域與聲名提高
 59 19. 建立對象的方法有哪些？
 60 答案：https://blog.csdn.net/weixin_43606158/article/details/94912023
 61 20. 請講講ECMAScript的內置對象。
 62 答案：https://blog.csdn.net/weixin_43606158/article/details/94912023
 63 21. Array在ES5新增遍歷的API它們每一個的用法，返回值，參數。
 64 答案：數組ES5新增遍歷迭代的方法及其區別
 65 22. 請講講字符串的經常使用API。
 66 23. ES5/ES6新增的哪些東西是你平時開發中經常使用到的？
 67 答案：ES5/6新特性
 68 24. 列舉瀏覽器對象模型BOM裏經常使用的至少四個對象，並列舉window對象的經常使用方法至少五個。
 69 答案：BOM內容的小整理
 70 25. 請講一下你知道的性能優化的方法。
 71 答案：提升JS性能的12個技巧
 72 26. 事件綁定和普通事件有什麼區別？
 73 答案：事件綁定和普通事件的區別
 74 27. IE和其餘瀏覽器事件流的區別。
 75 答案：IE瀏覽器是事件冒泡，其餘瀏覽器是事件捕獲（標準DOM事件流）。
 76 28. IE的標準下有哪些兼容性的寫法？
 77 29. 請講一下this的指向問題。
 78 答案：this的指向
 79 30. 更改this指向的方法有哪些？
 80 答案：更改this指向的方法及其區別
 81 31. 請講一下bind(),call(),apply()三者的區別。
 82 答案連接同上
 83 32. 請講一下JavaScript的閉包。有什麼特色？對頁面有什麼影響？
 84 答案：JS閉包的理解
 85 33. 事件委派/事件委託是什麼？
 86 答案：事件委派的使用及做用
 87 34. 如何阻止事件冒泡和瀏覽器默認事件？
 88 答案：瀏覽器事件默認行爲介紹與阻止的方法
 89 JS事件流介紹與阻止事件冒泡
 90 35. 添加，刪除，替換，插入到某個節點的方法。
 91 DOM知識詳細整理
 92 36. document.load和document.ready的區別。
 93 37. 請講一下JavaScript的同源策略。
 94 答案：JavaScript的同源策略
 95 38. 請說出你知道的跨域的方法有哪些？最經常使用的是哪一個？怎麼使用的？
 96 答案：前端跨域的六種解決方法
 97 39. JavaScript是一門什麼樣的語言？它有哪些特色？
 98 答案：弱類型語言，類型會作隱式轉換，做用域，聲名提高。。。
 99 40. 但願獲取到頁面中全部的checkbox怎麼作？（不使用第三方框架）
100 答案：方法不少，筆者隨便寫一個朋友們可進行參考：document.getElementsByTagName('input').filter(item => //根據getAttribute('type'))的結果去篩選checkbox
101 41. 正則表達式構造函數var reg = new RegExp(‘xxx’)與正則表達式字面量var reg = /xxx/有什麼不一樣？
102 42. JavaScript中callee和caller的做用？
103 43. 簡述JavaScript的DOM裏document獲取節點的方法，並說出對應做用。
104 44. 簡述建立函數的幾種方式。
105 答案：JS函數介紹
106 45. 把script標籤放在body結束標籤以前和結束標籤以後有什麼區別？瀏覽器會怎麼解析它們？
107 46. 請描述iframe的優缺點。
108 47. 請談談cookie的弊端。
109 48. 請談談localStorage和SessionStorage的區別和特色。
110 49. JS延遲加載的方式有哪些？
111 50. 哪些操做會形成內存泄漏？
112 51. 請說一下JavaScript中的垃圾回收機制。
113 52. 在js中0.1+0.2等於多少？如何讓它獲得正確答案？
114 53. 你用過axios麼？
115 答案：axios的使用
116 54. async，promise，settimeout的執行順序
117 答案：一篇文章完全搞懂異步，同步，setTimeout，Promise，async
118 55. 前端開發這麼久了你知道哪些經常使用的網站？
119 答案：前端開發應知網站
120 56. 你寫過哪些前端工具（功能）函數？
121 答案：前端開發經常使用功能函數總結
122 57.