HTTP，HTML，瀏覽器

1.說一下http和https

2、tcp三次握手，一句話概括

3、TCP和UDP的區別

4、WebSocket的實現和應用

6. 一個圖片url訪問后直接下載怎樣實現？
7. 說一下web Quality(無障礙)
8. 幾個很實用的BOM屬性對象方法?
9. 說一下HTML5 drag api
10. 說一下http2.0
11. 補充400和401、403狀態碼
12. fetch發送2次請求的原因
13. Cookie、sessionStorage、localStorage的區別
14. 說一下web worker
15. 對HTML語義化標簽的理解
16. iframe是什么？有什么缺點？
17. Doctype作用?嚴格模式與混雜模式如何區分？它們有何意義?
18. Cookie如何防范XSS攻擊
19、Cookie和session的區別
20、句話概括RESTFUL
21、講講viewport和移動端布局
22、click在ios上有300ms延遲，原因及如何解決？

23、addEventListener參數

24、cookie sessionStorage localStorage區別

25、cookie session區別

26、iframe通信，同源和不同源兩種情況，多少種方法。同源我說了，根據父頁面以及cookie，不同源我說了設置子域的方法。

27、介紹知道的http返回的狀態碼

28、http常用請求頭

29、強，協商緩存

30、HTTP狀態碼說說你知道的

31、講講304

32、強緩存、協商緩存什么時候用哪個

33、前端優化

34、GET和POST的區別

35、301和302的區別

36、HTTP支持的方法

37、如何畫一個三角形

38、狀態碼304和200

39、說一下瀏覽器緩存

40、HTML5新增的元素
41、在地址欄里輸入一個URL,到這個頁面呈現出來，中間會發生什么？
42、cookie和session的區別，localstorage和sessionstorage的區別
43、常見的HTTP的頭部
44、HTTP2.0的特性
46、瀏覽器在生成頁面的時候，會生成那兩顆樹？

47、csrf和xss的網絡攻擊及防范

48、怎么看網站的性能如何

49、介紹HTTP協議(特征)

50、輸入URL到頁面加載顯示完成發生了什么?

51、說一下對Cookie和Session的認知，Cookie有哪些限制？

52、描述一下XSS和CRSF攻擊？防御方法？

53、知道304嗎，什么時候用304？

54、具體有哪些請求頭是跟緩存相關的

55、cookie和session的區別

56、cookie有哪些字段可以設置

57、cookie有哪些編碼方式？

58、前端優化策略

59、既然你看過圖解http，那你回答下200和304的區別

60、除了cookie，還有什么存儲方式。說說cookie和localStorage的區別

61、瀏覽器輸入網址到頁面渲染全過程

62、HTML5和CSS3用的多嗎？你了解它們的新屬性嗎？有在項目中用過嗎？

63、HTTP狀態碼

64、http常見的請求方法

65、get和post的區別

66、說說302，301，304的狀態碼

67、web性能優化

68、瀏覽器緩存機制

69、post和get區別

01CSS

1、說一下css盒模型
2、畫一條0.5px的線
2、link標簽和import標簽的區別
3、transition和animation的區別
4、Flex布局
5、BFC(塊級格式化上下文，用于清楚浮動，防止margin重疊等)
6、垂直居中的方法
7、關于js動畫和css3動畫的差異性
8、說一下塊元素和行元素
9、多行元素的文本省略號
10、visibility=hidden, opacity=0，display:none
11、雙邊距重疊問題(外邊距折疊)

12、position屬性 比較

13、浮動清除

14、css3新特性

15、CSS選擇器有哪些，優先級呢

16、 清除浮動的方法，能講講嗎

17、怎么樣讓一個元素消失，講講

18、介紹一下盒模型

19、position相關屬性

20、css動畫如何實現

21、如何實現圖片在某個容器中居中的？

22、如何實現元素的垂直居中

23、CSS3中對溢出的處理

24、float的元素，display是什么

25、隱藏頁面中某個元素的方法

26、三欄布局的實現方式，盡可能多寫，浮動布局時，三個div的生成順序有沒有影響

27、什么是BFC

28、calc屬性

29、有一個width300，height300，怎么實現在屏幕上垂直水平居中

30、display：table和本身的table有什么區別

31、position屬性的值有哪些及其區別

32、z-index的定位方法

33、CSS盒模型

34、如果想要改變一個DOM元素的字體顏色，不在它本身上進行操作？

35、對CSS的新屬性有了解過的嗎？

36、用的最多的css屬性是啥？

37、line-height和height的區別

38、設置一個元素的背景顏色，背景顏色會填充哪些區域？

39、知道屬性選擇器和偽類選擇器的優先級嗎

40、inline-block、inline和block的區別；為什么img是inline還可以設置寬高

41、用css實現一個硬幣旋轉的效果

42、了解重繪和重排嗎，知道怎么去減少重繪和重排嗎，讓文檔脫離文檔流有哪些方法

43、CSS畫正方體，三角形

44、overflow的原理
45、清除浮動的方法
46、box-sizing的語法和基本用處

47、使元素消失的方法有哪些？

48、兩個嵌套的div，position都是absolute，子div設置top屬性，那么這個top是相對于父元素的哪個位置定位的。

49、說說盒子模型

50、display

51、怎么隱藏一個元素

52、display:none和visibilty:hidden的區別

53、相對布局和絕對布局，position:relative和obsolute。

54、flex布局

55、block、inline、inline-block的區別。

56、css的常用選擇器

57、css布局

58、css定位

59、relative定位規則

60、垂直居中

61、css預處理器有什么

Javasvript

@JavaScript基礎

1.get請求傳參長度的誤區

2.補充get和post請求在緩存方面的區別

3.說一下閉包

4.說一下類的創建和繼承

5. 如何解決異步回調地獄
6. 說說前端中的事件流
7. 如何讓事件先冒泡后捕獲
8. 說一下事件委托
9. 說一下圖片的懶加載和預加載
10. mouseover和mouseenter的區別
11. js的new操作符做了哪些事情
12. 改變函數內部this指針的指向函數(bind，apply，call的區別)
13. js的各種位置，比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的區別？

14. js拖拽功能的實現
15. 異步加載js的方法
16. Ajax解決瀏覽器緩存問題
17. js的節流和防抖
18. JS中的垃圾回收機制
19. eval是做什么的
20. 如何理解前端模塊化
21. 說一下Commonjs、AMD和CMD
22. 對象深度克隆的簡單實現
23. 實現一個once函數，傳入函數參數只執行一次
24. 將原生的ajax封裝成promise
25. js監聽對象屬性的改變
26. 如何實現一個私有變量，用getName方法可以訪問，不能直接訪問
27. ==和===、以及Object.is的區別
28. setTimeout、setInterval和requestAnimationFrame之間的區別
29. 實現一個兩列等高布局，講講思路

@JavaScript進階

1、自己實現一個bind函數

2、用setTimeout來實現setInterval

3、js怎么控制一次加載一張圖片，加載完后再加載下一張

4、代碼的執行順序

5、如何實現sleep的效果(es5或者es6)
6、簡單的實現一個promise
7、Function.proto(getPrototypeOf)是什么？
8、實現js中所有對象的深度克隆(包裝對象，Date對象，正則對象)
9、簡單實現Node的Events模塊
10、箭頭函數中this指向舉例

11、js判斷類型

12、數組常用方法

13、數組去重

14、閉包有什么用

15、事件代理在捕獲階段的實際應用

16、去除字符串首尾空格

17、性能優化

18來講講JS的閉包吧

19能來講講JS的語言特性嗎

20如何判斷一個數組(講到typeof差點掉坑里)

21你說到typeof，能不能加一個限制條件達到判斷條件

22 JS實現跨域

23 Js基本數據類型

24 js的命名方式

25 js深度拷貝一個元素的具體實現

26之前說了ES6set可以數組去重，是否還有數組去重的方法

27 JS的全排列

28 ?ES6中用過哪些

29 ?跨域的原理

30、不同數據類型的值的比較，是怎么轉換的，有什么規則

31、null == undefined為什么

32、this的指向 哪幾種

33、暫停死區

34、AngularJS雙向綁定原理

35、寫一個深度拷貝

36、簡歷中提到了requestAnimationFrame，請問是怎么使用的

37、有一個游戲叫做Flappy Bird，就是一只小鳥在飛，前面是無盡的沙漠，上下不斷有鋼管生成，你要躲避鋼管。然后小明在玩這個游戲時候老是卡頓甚至崩潰，說出原因(3-5個)以及解決辦法(3-5個)

38、編寫代碼，滿足以下條件：

(1)Hero("37er");執行結果為

Hi! This is 37er

(2)Hero("37er").kill(1).recover(30);執行結果為

Hi! This is 37er

Kill 1 bug

Recover 30 bloods

(3)Hero("37er").sleep(10).kill(2)執行結果為

Hi! This is 37er

//等待10s后

Kill 2 bugs ?//注意為bugs

(雙斜線后的為提示信息，不需要打印)

39、 jit;jc

40、es6新特性用過哪些

41、什么是按需加載

42、說一下什么是virtual dom

43、webpack用***什么的

44、ant-design優點和缺點

45、JS中繼承實現的幾種方式，
46、寫一個函數，第一秒打印1，第二秒打印2
47、vue的生命周期

48、簡單介紹一下symbol

49、什么是事件監聽
50、介紹一下promise，及其底層如何實現

51、說說C++,Java，JavaScript這三種語言的區別

52、js原型鏈，原型鏈的頂端是什么？Object的原型是什么？Object的原型的原型是什么？在數組原型鏈上實現刪除數組重復數據的方法

53、什么是js的閉包？有什么作用，用閉包寫個單例模式

54、promise+Generator+Async的使用

55、事件委托以及冒泡原理。

56、寫個函數，可以轉化下劃線命名到駝峰命名

57、深淺拷貝的區別和實現
58、JS中string的startwith和indexof兩種方法的區別
59、js字符串轉數字的方法
60、let const var的區別 ，什么是塊級作用域，如何用ES5的方法實現塊級作用域(立即執行函數)，ES6呢
61、ES6箭頭函數的特性
62、setTimeout和Promise的執行順序
63、有了解過事件模型嗎，DOM0級和DOM2級有什么區別，DOM的分級是什么
64、平時是怎么調試JS的
65、JS的基本數據類型有哪些，基本數據類型和引用數據類型的區別，NaN是什么的縮寫，JS的作用域類型，undefined==null返回的結果是什么，undefined與null的區別在哪，寫一個函數判斷變量類型
66、setTimeout(fn,100);100毫秒是如何權衡的
67、JS的垃圾回收機制
68、寫一個newBind函數，完成bind的功能。
69、怎么獲得對象上的屬性：比如說通過Object.key()
70、簡單講一講ES6的一些新特性
71、call和apply是用來做什么？
72、了解事件代理嗎，這樣做有什么好處

73、如何使不同頁面之間進行通信

74、 如何寫一個繼承？

75、給出以下代碼，輸出的結果是什么？原因？

for(var i=0;i<5;i++) {

** ?setTimeout(function(){**

** ? ? console.log(i);**

** ?},1000);**

}

console.log(i)

76、給兩個構造函數A和B，如何實現A繼承B？

77、問能不能正常打印索引

78、如果已經有三個promise，A、B和C，想串行執行，該怎么寫？

79、知道private和public嗎

80、基礎的js

81、async和await具體該怎么用？

82、知道哪些ES6，ES7的語法

83、promise和await/async的關系

84、問了一段js代碼，輸出結果是什么

85、js的數據類型

86、js加載過程阻塞，解決方法。

87、js對象類型，基本對象類型以及引用對象類型的區別

88、JavaScript中的輪播實現原理？假如一個頁面上有兩個輪播，你會怎么實現？

89、怎么實現一個計算一年中有多少周？

90、面向對象的繼承方式

91、 JS的數據類型

92、引用類型常見的對象

93、es6的常用

94、class

95、口述數組去重

96、繼承

97、call和apply的區別

98、es6的常用特性

99、箭頭函數和function有什么區別

100、new操作符原理

101、bind,apply,call

102、bind和apply的區別

103、數組的去重

104、閉包

105、promise實現

106、assign的深拷貝

107、說promise，沒有promise怎么辦

108、事件委托

109、怎么用原生的js實現jquery的一個特定方法

110、箭頭函數和function的區別

111、arguments

112、箭頭函數獲取arguments

113、Promise

114、模塊化開發(require)

115、事件代理

116、Eventloop

前端核心

1、服務端編程

1、JSONP的缺點

2、跨域(jsonp，ajax)

3、如何實現跨域

4 dom是什么，你的理解？

5 ?關于dom的api有什么

2、AJAX

1、ajax返回的狀態

2、實現一個Ajax

3、如何實現ajax請求，假如我有多個請求，我需要讓這些ajax請求按照某種順序一次執行，有什么辦法呢？如何處理ajax跨域
4、寫出原生Ajax
5如何實現一個ajax請求？如果我想發出兩個有順序的ajax需要怎么做？
6 ?Fetch和Ajax比有什么優缺點？
7 ?原生JS的ajax

5、移動web開發

移動應用和web應用的關系

2、知道PWA嗎

3、做過移動端嗎

4、知道touch事件嗎

5、移動端的DEMO什么的有沒有做過點的

前端進階

1、前端工作流

1、前端測試

2、作為一個項目負責人怎么協調多人協作

3、接口文檔的制定(給自己挖了一個坑)

4、需求不明確，接口文檔是不是越詳細越好

5、webpack和gulp區別(模塊化與流的區別)

2、流行框架

1、redux用處

2、redux里常用方法

3、angularJs和react區別

4、vue雙向綁定原理

5、說說vue react angularjs jquery的區別

3、Nodejs

1、node的事件方法講講看

2、node的特性，適合處理什么場景

3、你有用到Express,講講Express

4、promise的狀態有那些

5、數組移除第一個元素的方法有哪些？

移動端開發

1、React

1 ?react生命周期

2組件什么時候用state

3 ?受控組件和非受控組件

4 ?react和angular的區別

5 ?介紹一下react

6 ?React單項數據流

7、react生命周期函數和react組件的生命周期

8、react和Vue的原理，區別，亮點，作用，

9、reactJs的組件交流

10、有了解過react的虛擬DOM嗎，虛擬DOM是怎么對比的呢

11、react和Vue的原理，區別，亮點，作用，

12 ?項目里用到了react，為什么要選擇react，react有哪些好處

13 ?怎么獲取真正的dom

14、選擇react的原因

15、react的生命周期函數

16、setState之后的流程

17、react高階組件知道嗎？

18、React的jsx，函數式編程

19、React的生命周期

20、 說說自己理解的react

21、react的組件是通過什么去判斷是否刷新的

職業發展

1、介紹一下前端的學習經歷

2、為什么選擇前端

3、作為一個專業的前端，你覺得應該掌握哪些知識

4、什么時候接觸前端

5、大學學過哪些編程的課

6、選擇前端的原因

7、對未來三年職業的規劃

8、你一般是通過什么方式學習前端的？

9、怎么學的前端？

10、看到你簡歷上有創客空間前端培訓，是怎么樣的形式？

11、你還有什么我沒問到的優勢嗎

12、看過什么書

13、簡單的介紹一下你自己，你知道哪些技術

14、為什么要選擇web前端

15、比較厲害的技術

16、你為什么學前端，以及你學前端怎么堅持下來的

17、你認為一名前端工程師應該具備什么特點？一般是和產品，ui溝通做頁面還是直接把圖拿過來做？

18、如果直接按照圖來做，有沒有遇到過頁面上實現不了的功能？遇到這樣的問題怎么進行處理？

19、你一般是怎么學習前端的

20、看書的話，你是怎么判斷書上的知識一定是對的？

21、也問了怎么學習前端的？看哪些書？

22、高程上面你覺得有什么地方是比較難理解的？

23、學過哪些框架？

24、我看見你寫了一個js庫，說一下有什么？

25、看過什么書？有沒有一頁一頁看

26、你理解的框架

六、項目

1、介紹一個做過的項目

遇到的難題，怎么解決(webpack相關)

3、簡單的自我介紹

4、項目相關的問題詢問，在項目中又有到過哪些難題，怎么解決的

5、項目的同源處理，跨越相關，jsonp的具體實現，穿插HTML中嵌入js的位置的影響

6、看一下github

7、遇到過什么安全問題 怎么解決的

8、讓你帶領一個小團隊完成一個項目，我會怎么做？

9、前端的項目如何進行優化，移動端呢

10、項目中使用了iframe，說說iframe的優缺點

11、項目中有沒有遇到什么安全漏洞，安全問題。

12、介紹一下最近做的一個項目

13、用到了哪些前端相關技術

14、簡歷上的項目亮點

15、最自豪的項目？遇到的難點？做了多久

16、最自豪的事情？

17、前端工程化

Computer計算機基礎

1、計算機網絡

1.TCP建立連接的三次握手過程

2.TCP四次揮手過程

3 ?tcp三次握手過程

4 ?說一下用戶從輸入url到顯示頁面這個過程發生了什么

5、HTTP的頭部包含哪些內容。常見的請求方法(我為什么要說后面的options，head，connect)

6、請求方法head特性
7、HTTP狀態碼，301和302有什么具體區別，200和304 的區別，
8、OSI七層模型
9、TCP和UDP的區別，為什么三次握手四次揮手
10、HTTP緩存機制
11、websocket和ajax的區別是什么，websocket的應用場景有哪些
12、TCP/IP的網絡模型
13、知道什么跨域方式嗎，jsonp具體流程是什么，如何實現原生Jsonp封裝，優化，對于CORS，服務器怎么判斷它該不該跨域呢
14、怎么生成token，怎么傳遞，

2、操作系統

1 ?操作系統進程和線程的區別
2 什么是進程 線程
3 ?線程的那些資源共享，那些資源不共享
4、linux指令用的多嗎，怎么進行進程間通信

5、kill指令了解過嗎

6、操作系統里面進程和線程的區別

7、Linux查詢進程指令，查詢端口，殺進程，
8、進程間的通信方式有哪些

3、數據庫

1 ?Redis 和 mysql

算法與數據結構

1、樹

1 ?二叉樹層序遍歷

2、B樹的特性，B樹和B+樹的區別

2、遞歸

1 ?尾遞歸

2 ?如何寫一個大數階乘？遞歸的方***出現什么問題？

3 ?把多維數組變成一維數組的方法

3、排序

1 ?知道的排序算法 說一下冒泡快排的原理

2、說一下你了解的數據結構區別

3、Heap排序方法的原理？復雜度？

4、幾種常見的排序算法，手寫
5、數組的去重，盡可能寫出多個方法
6、如果有一個大的數組，都是整型，怎么找出最大的前10個數
7、知道數據結構里面的常見的數據結構
8、找出數組中第k大的數組出現多少次，比如數組【1，2，4，4，3，5】第二大的數字是4，出現兩次，所以返回2
9、合并兩個有序數組

總結

以上是生活随笔為你收集整理的layui前端页面table表格怎么格式化转换时间_前端开发面经知识点总结的全部內容，希望文章能夠幫你解決所遇到的問題。

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